W3docs

Color

Color Picker

Color Picker

Hex#ff0000
RGBrgb(255, 0, 0)
HSLhsl(0, 100%, 50%)

Lighter / Darker

  • 100%#ffffff
  • 95%#ffe5e5
  • 90%#ffcccc
  • 85%#ffb3b3
  • 80%#ff9999
  • 75%#ff8080
  • 70%#ff6666
  • 65%#ff4d4d
  • 60%#ff3333
  • 55%#ff1a1a
  • 50%#ff0000
  • 50%#ff0000
  • 45%#e60000
  • 40%#cc0000
  • 35%#b30000
  • 30%#990000
  • 25%#800000
  • 20%#660000
  • 15%#4d0000
  • 10%#330000
  • 5%#190000
  • 0%#000000

Enter a color name or code

Selected color:

Text black

Text black shadow

Text white

Text white shadow

Best contrast: #ffffff

Hue

SampleHueHexRGBHSL
0#ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)
0#ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)
15#ff4000rgb(255, 64, 0)hsl(15, 100%, 50%)
30#ff8000rgb(255, 128, 0)hsl(30, 100%, 50%)
45#ffbf00rgb(255, 191, 0)hsl(45, 100%, 50%)
60#ffff00rgb(255, 255, 0)hsl(60, 100%, 50%)
75#bfff00rgb(191, 255, 0)hsl(75, 100%, 50%)
90#80ff00rgb(128, 255, 0)hsl(90, 100%, 50%)
105#40ff00rgb(64, 255, 0)hsl(105, 100%, 50%)
120#00ff00rgb(0, 255, 0)hsl(120, 100%, 50%)
135#00ff40rgb(0, 255, 64)hsl(135, 100%, 50%)
150#00ff80rgb(0, 255, 128)hsl(150, 100%, 50%)
165#00ffbfrgb(0, 255, 191)hsl(165, 100%, 50%)
180#00ffffrgb(0, 255, 255)hsl(180, 100%, 50%)
195#00bfffrgb(0, 191, 255)hsl(195, 100%, 50%)
210#0080ffrgb(0, 128, 255)hsl(210, 100%, 50%)
225#0040ffrgb(0, 64, 255)hsl(225, 100%, 50%)
240#0000ffrgb(0, 0, 255)hsl(240, 100%, 50%)
255#4000ffrgb(64, 0, 255)hsl(255, 100%, 50%)
270#8000ffrgb(128, 0, 255)hsl(270, 100%, 50%)
285#bf00ffrgb(191, 0, 255)hsl(285, 100%, 50%)
300#ff00ffrgb(255, 0, 255)hsl(300, 100%, 50%)
315#ff00bfrgb(255, 0, 191)hsl(315, 100%, 50%)
330#ff0080rgb(255, 0, 128)hsl(330, 100%, 50%)
345#ff0040rgb(255, 0, 64)hsl(345, 100%, 50%)
360#ff0000rgb(255, 0, 0)hsl(360, 100%, 50%)

RGB (Red, Green, Blue)

Red (255)Green (0)Blue (0)