HTML Color Picker
Pick a Color:
![colormap](img_colormap.gif)
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
BlueViolet
#8a2be2
rgb(138, 43, 226)
hsl(271, 76%, 53%)
Lighter / Darker:
100% | #ffffff | |
95% | #f3e9fc | |
90% | #e6d2f9 | |
85% | #dabcf6 | |
80% | #cda5f3 | |
75% | #c18ff0 | |
70% | #b478ed | |
65% | #a862ea | |
60% | #9c4be7 | |
55% | #8f35e3 | |
53% | #8a2be2 | |
50% | #831fe0 | |
45% | #761cca | |
40% | #6918b4 | |
35% | #5c159d | |
30% | #4e1287 | |
25% | #410f70 | |
20% | #340c5a | |
15% | #270943 | |
10% | #1a062d | |
5% | #0d0316 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #e22c2c | rgb(226, 44, 44) | hsl(0, 76%, 53%) | |
15 | #e25a2c | rgb(226, 90, 44) | hsl(15, 76%, 53%) | |
30 | #e2872c | rgb(226, 135, 44) | hsl(30, 76%, 53%) | |
45 | #e2b52c | rgb(226, 181, 44) | hsl(45, 76%, 53%) | |
60 | #e2e22c | rgb(226, 226, 44) | hsl(60, 76%, 53%) | |
75 | #b5e22c | rgb(181, 226, 44) | hsl(75, 76%, 53%) | |
90 | #87e22c | rgb(135, 226, 44) | hsl(90, 76%, 53%) | |
105 | #5ae22c | rgb(90, 226, 44) | hsl(105, 76%, 53%) | |
120 | #2ce22c | rgb(44, 226, 44) | hsl(120, 76%, 53%) | |
135 | #2ce25a | rgb(44, 226, 90) | hsl(135, 76%, 53%) | |
150 | #2ce287 | rgb(44, 226, 135) | hsl(150, 76%, 53%) | |
165 | #2ce2b5 | rgb(44, 226, 181) | hsl(165, 76%, 53%) | |
180 | #2ce2e2 | rgb(44, 226, 226) | hsl(180, 76%, 53%) | |
195 | #2cb5e2 | rgb(44, 181, 226) | hsl(195, 76%, 53%) | |
210 | #2c87e2 | rgb(44, 135, 226) | hsl(210, 76%, 53%) | |
225 | #2c5ae2 | rgb(44, 90, 226) | hsl(225, 76%, 53%) | |
240 | #2c2ce2 | rgb(44, 44, 226) | hsl(240, 76%, 53%) | |
255 | #5a2ce2 | rgb(90, 44, 226) | hsl(255, 76%, 53%) | |
270 | #872ce2 | rgb(135, 44, 226) | hsl(270, 76%, 53%) | |
271 | #8a2be2 | rgb(138, 43, 226) | hsl(271, 76%, 53%) | |
285 | #b52ce2 | rgb(181, 44, 226) | hsl(285, 76%, 53%) | |
300 | #e22ce2 | rgb(226, 44, 226) | hsl(300, 76%, 53%) | |
315 | #e22cb5 | rgb(226, 44, 181) | hsl(315, 76%, 53%) | |
330 | #e22c87 | rgb(226, 44, 135) | hsl(330, 76%, 53%) | |
345 | #e22c5a | rgb(226, 44, 90) | hsl(345, 76%, 53%) | |
360 | #e22c2c | rgb(226, 44, 44) | hsl(0, 76%, 53%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #8b0fff | rgb(139, 15, 255) | hsl(271, 100%, 53%) | |
95% | #8b15f9 | rgb(139, 21, 249) | hsl(271, 95%, 53%) | |
90% | #8b1bf3 | rgb(139, 27, 243) | hsl(271, 90%, 53%) | |
85% | #8b21ed | rgb(139, 33, 237) | hsl(271, 85%, 53%) | |
80% | #8a27e7 | rgb(138, 39, 231) | hsl(271, 80%, 53%) | |
76% | #8a2be2 | rgb(138, 43, 226) | hsl(271, 76%, 53%) | |
75% | #8a2de1 | rgb(138, 45, 225) | hsl(271, 75%, 53%) | |
70% | #8a33db | rgb(138, 51, 219) | hsl(271, 70%, 53%) | |
65% | #8a39d5 | rgb(138, 57, 213) | hsl(271, 65%, 53%) | |
60% | #8a3fcf | rgb(138, 63, 207) | hsl(271, 60%, 53%) | |
55% | #8945c9 | rgb(137, 69, 201) | hsl(271, 55%, 53%) | |
50% | #894bc3 | rgb(137, 75, 195) | hsl(271, 50%, 53%) | |
45% | #8951bd | rgb(137, 81, 189) | hsl(271, 45%, 53%) | |
40% | #8957b7 | rgb(137, 87, 183) | hsl(271, 40%, 53%) | |
35% | #895db1 | rgb(137, 93, 177) | hsl(271, 35%, 53%) | |
30% | #8863ab | rgb(136, 99, 171) | hsl(271, 30%, 53%) | |
25% | #8869a5 | rgb(136, 105, 165) | hsl(271, 25%, 53%) | |
20% | #886f9f | rgb(136, 111, 159) | hsl(271, 20%, 53%) | |
15% | #887599 | rgb(136, 117, 153) | hsl(271, 15%, 53%) | |
10% | #887b93 | rgb(136, 123, 147) | hsl(271, 10%, 53%) | |
5% | #87818d | rgb(135, 129, 141) | hsl(271, 5%, 53%) | |
0% | #878787 | rgb(135, 135, 135) | hsl(271, 0%, 53%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(271, 76%, 100%) | |
95% | #f3e9fc | rgb(243, 233, 252) | hsl(271, 76%, 95%) | |
90% | #e6d2f9 | rgb(230, 210, 249) | hsl(271, 76%, 90%) | |
85% | #dabcf6 | rgb(218, 188, 246) | hsl(271, 76%, 85%) | |
80% | #cda5f3 | rgb(205, 165, 243) | hsl(271, 76%, 80%) | |
75% | #c18ff0 | rgb(193, 143, 240) | hsl(271, 76%, 75%) | |
70% | #b478ed | rgb(180, 120, 237) | hsl(271, 76%, 70%) | |
65% | #a862ea | rgb(168, 98, 234) | hsl(271, 76%, 65%) | |
60% | #9c4be7 | rgb(156, 75, 231) | hsl(271, 76%, 60%) | |
55% | #8f35e3 | rgb(143, 53, 227) | hsl(271, 76%, 55%) | |
53% | #8a2be2 | rgb(138, 43, 226) | hsl(271, 76%, 53%) | |
50% | #831fe0 | rgb(131, 31, 224) | hsl(271, 76%, 50%) | |
45% | #761cca | rgb(118, 28, 202) | hsl(271, 76%, 45%) | |
40% | #6918b4 | rgb(105, 24, 180) | hsl(271, 76%, 40%) | |
35% | #5c159d | rgb(92, 21, 157) | hsl(271, 76%, 35%) | |
30% | #4e1287 | rgb(78, 18, 135) | hsl(271, 76%, 30%) | |
25% | #410f70 | rgb(65, 15, 112) | hsl(271, 76%, 25%) | |
20% | #340c5a | rgb(52, 12, 90) | hsl(271, 76%, 20%) | |
15% | #270943 | rgb(39, 9, 67) | hsl(271, 76%, 15%) | |
10% | #1a062d | rgb(26, 6, 45) | hsl(271, 76%, 10%) | |
5% | #0d0316 | rgb(13, 3, 22) | hsl(271, 76%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(271, 76%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
138 | 43 | 226 |
rgb(138, 43, 226)
#8a2be2
#8a2be2