THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML Color Picker


Pick a Color:

colormap#003366#336699#3366CC#003399#000099#0000CC#000066#006666#006699#0099CC#0066CC#0033CC#0000FF#3333FF#333399#669999#009999#33CCCC#00CCFF#0099FF#0066FF#3366FF#3333CC#666699#339966#00CC99#00FFCC#00FFFF#33CCFF#3399FF#6699FF#6666FF#6600FF#6600CC#339933#00CC66#00FF99#66FFCC#66FFFF#66CCFF#99CCFF#9999FF#9966FF#9933FF#9900FF#006600#00CC00#00FF00#66FF99#99FFCC#CCFFFF#CCCCFF#CC99FF#CC66FF#CC33FF#CC00FF#9900CC#003300#009933#33CC33#66FF66#99FF99#CCFFCC#FFFFFF#FFCCFF#FF99FF#FF66FF#FF00FF#CC00CC#660066#336600#009900#66FF33#99FF66#CCFF99#FFFFCC#FFCCCC#FF99CC#FF66CC#FF33CC#CC0099#993399#333300#669900#99FF33#CCFF66#FFFF99#FFCC99#FF9999#FF6699#FF3399#CC3399#990099#666633#99CC00#CCFF33#FFFF66#FFCC66#FF9966#FF6666#FF0066#CC6699#993366#999966#CCCC00#FFFF00#FFCC00#FF9933#FF6600#FF5050#CC0066#660033#996633#CC9900#FF9900#CC6600#FF3300#FF0000#CC0000#990033#663300#996600#CC3300#993300#990000#800000#993333

Or Enter a Color:


Or Use HTML5:



Selected Color:



Black Text

Shadow

White Text

Shadow
#6699ff
rgb(102, 153, 255)
hsl(220, 100%, 70%)

Lighter / Darker:

100%  #ffffff
95%  #e6eeff
90%  #ccddff
85%  #b3ccff
80%  #99bbff
75%  #80aaff
70% 

 #6699ff
65%  #4d88ff
60%  #3377ff
55%  #1a66ff
50%  #0055ff
45%  #004de6
40%  #0044cc
35%  #003cb3
30%  #003399
25%  #002b80
20%  #002266
15%  #001a4d
10%  #001133
5%  #00091a
0%  #000000

Hue

hue HexRgbHsl
#ff6666rgb(255, 102, 102)hsl(0, 100%, 70%)
15 #ff8c66rgb(255, 140, 102)hsl(15, 100%, 70%)
30 #ffb366rgb(255, 179, 102)hsl(30, 100%, 70%)
45 #ffd966rgb(255, 217, 102)hsl(45, 100%, 70%)
60 #ffff66rgb(255, 255, 102)hsl(60, 100%, 70%)
75 #d9ff66rgb(217, 255, 102)hsl(75, 100%, 70%)
90 #b3ff66rgb(179, 255, 102)hsl(90, 100%, 70%)
105 #8cff66rgb(140, 255, 102)hsl(105, 100%, 70%)
120 #66ff66rgb(102, 255, 102)hsl(120, 100%, 70%)
135 #66ff8crgb(102, 255, 140)hsl(135, 100%, 70%)
150 #66ffb3rgb(102, 255, 179)hsl(150, 100%, 70%)
165 #66ffd9rgb(102, 255, 217)hsl(165, 100%, 70%)
180 #66ffffrgb(102, 255, 255)hsl(180, 100%, 70%)
195 #66d9ffrgb(102, 217, 255)hsl(195, 100%, 70%)
210 #66b3ffrgb(102, 179, 255)hsl(210, 100%, 70%)
220 #6699ffrgb(102, 153, 255)hsl(220, 100%, 70%)
225 #668cffrgb(102, 140, 255)hsl(225, 100%, 70%)
240 #6666ffrgb(102, 102, 255)hsl(240, 100%, 70%)
255 #8c66ffrgb(140, 102, 255)hsl(255, 100%, 70%)
270 #b366ffrgb(179, 102, 255)hsl(270, 100%, 70%)
285 #d966ffrgb(217, 102, 255)hsl(285, 100%, 70%)
300 #ff66ffrgb(255, 102, 255)hsl(300, 100%, 70%)
315 #ff66d9rgb(255, 102, 217)hsl(315, 100%, 70%)
330 #ff66b3rgb(255, 102, 179)hsl(330, 100%, 70%)
345 #ff668crgb(255, 102, 140)hsl(345, 100%, 70%)
360 #ff6666rgb(255, 102, 102)hsl(0, 100%, 70%)

Saturation

sat HexRgbHsl
100% #6699ffrgb(102, 153, 255)hsl(220, 100%, 70%)
95% #6a9afbrgb(106, 154, 251)hsl(220, 95%, 70%)
90% #6e9cf7rgb(110, 156, 247)hsl(220, 90%, 70%)
85% #719df4rgb(113, 157, 244)hsl(220, 85%, 70%)
80% #759ef0rgb(117, 158, 240)hsl(220, 80%, 70%)
75% #799fecrgb(121, 159, 236)hsl(220, 75%, 70%)
70% #7da1e8rgb(125, 161, 232)hsl(220, 70%, 70%)
65% #81a2e4rgb(129, 162, 228)hsl(220, 65%, 70%)
60% #85a3e0rgb(133, 163, 224)hsl(220, 60%, 70%)
55% #88a4ddrgb(136, 164, 221)hsl(220, 55%, 70%)
50% #8ca6d9rgb(140, 166, 217)hsl(220, 50%, 70%)
45% #90a7d5rgb(144, 167, 213)hsl(220, 45%, 70%)
40% #94a8d1rgb(148, 168, 209)hsl(220, 40%, 70%)
35% #98aacdrgb(152, 170, 205)hsl(220, 35%, 70%)
30% #9cabc9rgb(156, 171, 201)hsl(220, 30%, 70%)
25% #9facc6rgb(159, 172, 198)hsl(220, 25%, 70%)
20% #a3adc2rgb(163, 173, 194)hsl(220, 20%, 70%)
15% #a7afbergb(167, 175, 190)hsl(220, 15%, 70%)
10% #abb0bargb(171, 176, 186)hsl(220, 10%, 70%)
5% #afb1b6rgb(175, 177, 182)hsl(220, 5%, 70%)
0% #b3b3b3rgb(179, 179, 179)hsl(220, 0%, 70%)

Lightness

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(220, 100%, 100%)
95% #e6eeffrgb(230, 238, 255)hsl(220, 100%, 95%)
90% #ccddffrgb(204, 221, 255)hsl(220, 100%, 90%)
85% #b3ccffrgb(179, 204, 255)hsl(220, 100%, 85%)
80% #99bbffrgb(153, 187, 255)hsl(220, 100%, 80%)
75% #80aaffrgb(128, 170, 255)hsl(220, 100%, 75%)
70% #6699ffrgb(102, 153, 255)hsl(220, 100%, 70%)
65% #4d88ffrgb(77, 136, 255)hsl(220, 100%, 65%)
60% #3377ffrgb(51, 119, 255)hsl(220, 100%, 60%)
55% #1a66ffrgb(26, 102, 255)hsl(220, 100%, 55%)
50% #0055ffrgb(0, 85, 255)hsl(220, 100%, 50%)
45% #004de6rgb(0, 77, 230)hsl(220, 100%, 45%)
40% #0044ccrgb(0, 68, 204)hsl(220, 100%, 40%)
35% #003cb3rgb(0, 60, 179)hsl(220, 100%, 35%)
30% #003399rgb(0, 51, 153)hsl(220, 100%, 30%)
25% #002b80rgb(0, 43, 128)hsl(220, 100%, 25%)
20% #002266rgb(0, 34, 102)hsl(220, 100%, 20%)
15% #001a4drgb(0, 26, 77)hsl(220, 100%, 15%)
10% #001133rgb(0, 17, 51)hsl(220, 100%, 10%)
5% #00091argb(0, 9, 26)hsl(220, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(220, 100%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
102 153 255
rgb(102, 153, 255)
#6699ff

Original text