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
DarkViolet
#9400d3
rgb(148, 0, 211)
hsl(282, 100%, 41%)
Lighter / Darker:
100% | #ffffff | |
95% | #f7e6ff | |
90% | #f0ccff | |
85% | #e8b3ff | |
80% | #e099ff | |
75% | #d980ff | |
70% | #d166ff | |
65% | #c94dff | |
60% | #c233ff | |
55% | #ba1aff | |
50% | #b300ff | |
45% | #a100e6 | |
41% | #9400d3 | |
40% | #8f00cc | |
35% | #7d00b3 | |
30% | #6b0099 | |
25% | #590080 | |
20% | #470066 | |
15% | #36004d | |
10% | #240033 | |
5% | #12001a | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d10000 | rgb(209, 0, 0) | hsl(0, 100%, 41%) | |
15 | #d13400 | rgb(209, 52, 0) | hsl(15, 100%, 41%) | |
30 | #d16900 | rgb(209, 105, 0) | hsl(30, 100%, 41%) | |
45 | #d19d00 | rgb(209, 157, 0) | hsl(45, 100%, 41%) | |
60 | #d1d100 | rgb(209, 209, 0) | hsl(60, 100%, 41%) | |
75 | #9dd100 | rgb(157, 209, 0) | hsl(75, 100%, 41%) | |
90 | #69d100 | rgb(105, 209, 0) | hsl(90, 100%, 41%) | |
105 | #34d100 | rgb(52, 209, 0) | hsl(105, 100%, 41%) | |
120 | #00d100 | rgb(0, 209, 0) | hsl(120, 100%, 41%) | |
135 | #00d134 | rgb(0, 209, 52) | hsl(135, 100%, 41%) | |
150 | #00d169 | rgb(0, 209, 105) | hsl(150, 100%, 41%) | |
165 | #00d19d | rgb(0, 209, 157) | hsl(165, 100%, 41%) | |
180 | #00d1d1 | rgb(0, 209, 209) | hsl(180, 100%, 41%) | |
195 | #009dd1 | rgb(0, 157, 209) | hsl(195, 100%, 41%) | |
210 | #0069d1 | rgb(0, 105, 209) | hsl(210, 100%, 41%) | |
225 | #0034d1 | rgb(0, 52, 209) | hsl(225, 100%, 41%) | |
240 | #0000d1 | rgb(0, 0, 209) | hsl(240, 100%, 41%) | |
255 | #3400d1 | rgb(52, 0, 209) | hsl(255, 100%, 41%) | |
270 | #6900d1 | rgb(105, 0, 209) | hsl(270, 100%, 41%) | |
282 | #9400d3 | rgb(148, 0, 211) | hsl(282, 100%, 41%) | |
285 | #9d00d1 | rgb(157, 0, 209) | hsl(285, 100%, 41%) | |
300 | #d100d1 | rgb(209, 0, 209) | hsl(300, 100%, 41%) | |
315 | #d1009d | rgb(209, 0, 157) | hsl(315, 100%, 41%) | |
330 | #d10069 | rgb(209, 0, 105) | hsl(330, 100%, 41%) | |
345 | #d10034 | rgb(209, 0, 52) | hsl(345, 100%, 41%) | |
360 | #d10000 | rgb(209, 0, 0) | hsl(0, 100%, 41%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #9400d3 | rgb(148, 0, 211) | hsl(282, 100%, 41%) | |
95% | #9005cc | rgb(144, 5, 204) | hsl(282, 95%, 41%) | |
90% | #8e0ac7 | rgb(142, 10, 199) | hsl(282, 90%, 41%) | |
85% | #8c10c1 | rgb(140, 16, 193) | hsl(282, 85%, 41%) | |
80% | #8a15bc | rgb(138, 21, 188) | hsl(282, 80%, 41%) | |
75% | #881ab7 | rgb(136, 26, 183) | hsl(282, 75%, 41%) | |
70% | #861fb2 | rgb(134, 31, 178) | hsl(282, 70%, 41%) | |
65% | #8425ad | rgb(132, 37, 173) | hsl(282, 65%, 41%) | |
60% | #822aa7 | rgb(130, 42, 167) | hsl(282, 60%, 41%) | |
55% | #802fa2 | rgb(128, 47, 162) | hsl(282, 55%, 41%) | |
50% | #7d349d | rgb(125, 52, 157) | hsl(282, 50%, 41%) | |
45% | #7b3a98 | rgb(123, 58, 152) | hsl(282, 45%, 41%) | |
40% | #793f92 | rgb(121, 63, 146) | hsl(282, 40%, 41%) | |
35% | #77448d | rgb(119, 68, 141) | hsl(282, 35%, 41%) | |
30% | #754988 | rgb(117, 73, 136) | hsl(282, 30%, 41%) | |
25% | #734e83 | rgb(115, 78, 131) | hsl(282, 25%, 41%) | |
20% | #71547d | rgb(113, 84, 125) | hsl(282, 20%, 41%) | |
15% | #6f5978 | rgb(111, 89, 120) | hsl(282, 15%, 41%) | |
10% | #6d5e73 | rgb(109, 94, 115) | hsl(282, 10%, 41%) | |
5% | #6b636e | rgb(107, 99, 110) | hsl(282, 5%, 41%) | |
0% | #696969 | rgb(105, 105, 105) | hsl(282, 0%, 41%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(282, 100%, 100%) | |
95% | #f7e6ff | rgb(247, 230, 255) | hsl(282, 100%, 95%) | |
90% | #f0ccff | rgb(240, 204, 255) | hsl(282, 100%, 90%) | |
85% | #e8b3ff | rgb(232, 179, 255) | hsl(282, 100%, 85%) | |
80% | #e099ff | rgb(224, 153, 255) | hsl(282, 100%, 80%) | |
75% | #d980ff | rgb(217, 128, 255) | hsl(282, 100%, 75%) | |
70% | #d166ff | rgb(209, 102, 255) | hsl(282, 100%, 70%) | |
65% | #c94dff | rgb(201, 77, 255) | hsl(282, 100%, 65%) | |
60% | #c233ff | rgb(194, 51, 255) | hsl(282, 100%, 60%) | |
55% | #ba1aff | rgb(186, 26, 255) | hsl(282, 100%, 55%) | |
50% | #b300ff | rgb(179, 0, 255) | hsl(282, 100%, 50%) | |
45% | #a100e6 | rgb(161, 0, 230) | hsl(282, 100%, 45%) | |
41% | #9400d3 | rgb(148, 0, 211) | hsl(282, 100%, 41%) | |
40% | #8f00cc | rgb(143, 0, 204) | hsl(282, 100%, 40%) | |
35% | #7d00b3 | rgb(125, 0, 179) | hsl(282, 100%, 35%) | |
30% | #6b0099 | rgb(107, 0, 153) | hsl(282, 100%, 30%) | |
25% | #590080 | rgb(89, 0, 128) | hsl(282, 100%, 25%) | |
20% | #470066 | rgb(71, 0, 102) | hsl(282, 100%, 20%) | |
15% | #36004d | rgb(54, 0, 77) | hsl(282, 100%, 15%) | |
10% | #240033 | rgb(36, 0, 51) | hsl(282, 100%, 10%) | |
5% | #12001a | rgb(18, 0, 26) | hsl(282, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(282, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
148 | 0 | 211 |
rgb(148, 0, 211)
#9400d3
#9400d3