Tutorials References Exercises Videos Menu
Log in
Create Website Get Certified Upgrade

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
#a6001a
rgb(166, 0, 26)
hsl(351, 100%, 33%)

Lighter / Darker:

100%  #ffffff
95%  #ffe6e9
90%  #ffccd4
85%  #ffb3be
80%  #ff99a8
75%  #ff8093
70%  #ff667d
65%  #ff4d67
60%  #ff3352
55%  #ff1a3c
50%  #ff0026
45%  #e60022
40%  #cc001f
35%  #b3001b
33%  #a6001a
30%  #990017
25%  #800013
20%  #66000f
15%  #4d000b
10%  #330008
5%  #1a0004
0%  #000000

Hue

hue HexRgbHsl
#a80000rgb(168, 0, 0)hsl(0, 100%, 33%)
15 #a82a00rgb(168, 42, 0)hsl(15, 100%, 33%)
30 #a85400rgb(168, 84, 0)hsl(30, 100%, 33%)
45 #a87e00rgb(168, 126, 0)hsl(45, 100%, 33%)
60 #a8a800rgb(168, 168, 0)hsl(60, 100%, 33%)
75 #7ea800rgb(126, 168, 0)hsl(75, 100%, 33%)
90 #54a800rgb(84, 168, 0)hsl(90, 100%, 33%)
105 #2aa800rgb(42, 168, 0)hsl(105, 100%, 33%)
120 #00a800rgb(0, 168, 0)hsl(120, 100%, 33%)
135 #00a82argb(0, 168, 42)hsl(135, 100%, 33%)
150 #00a854rgb(0, 168, 84)hsl(150, 100%, 33%)
165 #00a87ergb(0, 168, 126)hsl(165, 100%, 33%)
180 #00a8a8rgb(0, 168, 168)hsl(180, 100%, 33%)
195 #007ea8rgb(0, 126, 168)hsl(195, 100%, 33%)
210 #0054a8rgb(0, 84, 168)hsl(210, 100%, 33%)
225 #002aa8rgb(0, 42, 168)hsl(225, 100%, 33%)
240 #0000a8rgb(0, 0, 168)hsl(240, 100%, 33%)
255 #2a00a8rgb(42, 0, 168)hsl(255, 100%, 33%)
270 #5400a8rgb(84, 0, 168)hsl(270, 100%, 33%)
285 #7e00a8rgb(126, 0, 168)hsl(285, 100%, 33%)
300 #a800a8rgb(168, 0, 168)hsl(300, 100%, 33%)
315 #a8007ergb(168, 0, 126)hsl(315, 100%, 33%)
330 #a80054rgb(168, 0, 84)hsl(330, 100%, 33%)
345 #a8002argb(168, 0, 42)hsl(345, 100%, 33%)
351 #a6001argb(166, 0, 26)hsl(351, 100%, 33%)
360 #a80000rgb(168, 0, 0)hsl(0, 100%, 33%)


Saturation

sat HexRgbHsl
100% #a6001argb(166, 0, 26)hsl(351, 100%, 33%)
95% #a4041crgb(164, 4, 28)hsl(351, 95%, 33%)
90% #a0081frgb(160, 8, 31)hsl(351, 90%, 33%)
85% #9c0d22rgb(156, 13, 34)hsl(351, 85%, 33%)
80% #971125rgb(151, 17, 37)hsl(351, 80%, 33%)
75% #931528rgb(147, 21, 40)hsl(351, 75%, 33%)
70% #8f192brgb(143, 25, 43)hsl(351, 70%, 33%)
65% #8b1d2ergb(139, 29, 46)hsl(351, 65%, 33%)
60% #872231rgb(135, 34, 49)hsl(351, 60%, 33%)
55% #822634rgb(130, 38, 52)hsl(351, 55%, 33%)
50% #7e2a37rgb(126, 42, 55)hsl(351, 50%, 33%)
45% #7a2e3argb(122, 46, 58)hsl(351, 45%, 33%)
40% #76323drgb(118, 50, 61)hsl(351, 40%, 33%)
35% #723740rgb(114, 55, 64)hsl(351, 35%, 33%)
30% #6d3b42rgb(109, 59, 66)hsl(351, 30%, 33%)
25% #693f45rgb(105, 63, 69)hsl(351, 25%, 33%)
20% #654348rgb(101, 67, 72)hsl(351, 20%, 33%)
15% #61484brgb(97, 72, 75)hsl(351, 15%, 33%)
10% #5d4c4ergb(93, 76, 78)hsl(351, 10%, 33%)
5% #585051rgb(88, 80, 81)hsl(351, 5%, 33%)
0% #545454rgb(84, 84, 84)hsl(351, 0%, 33%)

Lightness

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(351, 100%, 100%)
95% #ffe6e9rgb(255, 230, 233)hsl(351, 100%, 95%)
90% #ffccd4rgb(255, 204, 212)hsl(351, 100%, 90%)
85% #ffb3bergb(255, 179, 190)hsl(351, 100%, 85%)
80% #ff99a8rgb(255, 153, 168)hsl(351, 100%, 80%)
75% #ff8093rgb(255, 128, 147)hsl(351, 100%, 75%)
70% #ff667drgb(255, 102, 125)hsl(351, 100%, 70%)
65% #ff4d67rgb(255, 77, 103)hsl(351, 100%, 65%)
60% #ff3352rgb(255, 51, 82)hsl(351, 100%, 60%)
55% #ff1a3crgb(255, 26, 60)hsl(351, 100%, 55%)
50% #ff0026rgb(255, 0, 38)hsl(351, 100%, 50%)
45% #e60022rgb(230, 0, 34)hsl(351, 100%, 45%)
40% #cc001frgb(204, 0, 31)hsl(351, 100%, 40%)
35% #b3001brgb(179, 0, 27)hsl(351, 100%, 35%)
33% #a6001argb(166, 0, 26)hsl(351, 100%, 33%)
30% #990017rgb(153, 0, 23)hsl(351, 100%, 30%)
25% #800013rgb(128, 0, 19)hsl(351, 100%, 25%)
20% #66000frgb(102, 0, 15)hsl(351, 100%, 20%)
15% #4d000brgb(77, 0, 11)hsl(351, 100%, 15%)
10% #330008rgb(51, 0, 8)hsl(351, 100%, 10%)
5% #1a0004rgb(26, 0, 4)hsl(351, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(351, 100%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
166 0 26
rgb(166, 0, 26)
#a6001a