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
Violet
#ee82ee
rgb(238, 130, 238)
hsl(300, 76%, 72%)
Lighter / Darker:
100% | #ffffff | |
95% | #fce9fc | |
90% | #f9d2f9 | |
85% | #f6bcf6 | |
80% | #f3a5f3 | |
75% | #f08ff0 | |
72% | #ee82ee | |
70% | #ed78ed | |
65% | #ea62ea | |
60% | #e74be7 | |
55% | #e335e3 | |
50% | #e01fe0 | |
45% | #ca1cca | |
40% | #b418b4 | |
35% | #9d159d | |
30% | #871287 | |
25% | #700f70 | |
20% | #5a0c5a | |
15% | #430943 | |
10% | #2d062d | |
5% | #160316 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ee8181 | rgb(238, 129, 129) | hsl(0, 76%, 72%) | |
15 | #ee9c81 | rgb(238, 156, 129) | hsl(15, 76%, 72%) | |
30 | #eeb881 | rgb(238, 184, 129) | hsl(30, 76%, 72%) | |
45 | #eed381 | rgb(238, 211, 129) | hsl(45, 76%, 72%) | |
60 | #eeee81 | rgb(238, 238, 129) | hsl(60, 76%, 72%) | |
75 | #d3ee81 | rgb(211, 238, 129) | hsl(75, 76%, 72%) | |
90 | #b8ee81 | rgb(184, 238, 129) | hsl(90, 76%, 72%) | |
105 | #9cee81 | rgb(156, 238, 129) | hsl(105, 76%, 72%) | |
120 | #81ee81 | rgb(129, 238, 129) | hsl(120, 76%, 72%) | |
135 | #81ee9c | rgb(129, 238, 156) | hsl(135, 76%, 72%) | |
150 | #81eeb8 | rgb(129, 238, 184) | hsl(150, 76%, 72%) | |
165 | #81eed3 | rgb(129, 238, 211) | hsl(165, 76%, 72%) | |
180 | #81eeee | rgb(129, 238, 238) | hsl(180, 76%, 72%) | |
195 | #81d3ee | rgb(129, 211, 238) | hsl(195, 76%, 72%) | |
210 | #81b8ee | rgb(129, 184, 238) | hsl(210, 76%, 72%) | |
225 | #819cee | rgb(129, 156, 238) | hsl(225, 76%, 72%) | |
240 | #8181ee | rgb(129, 129, 238) | hsl(240, 76%, 72%) | |
255 | #9c81ee | rgb(156, 129, 238) | hsl(255, 76%, 72%) | |
270 | #b881ee | rgb(184, 129, 238) | hsl(270, 76%, 72%) | |
285 | #d381ee | rgb(211, 129, 238) | hsl(285, 76%, 72%) | |
300 | #ee82ee | rgb(238, 130, 238) | hsl(300, 76%, 72%) | |
315 | #ee81d3 | rgb(238, 129, 211) | hsl(315, 76%, 72%) | |
330 | #ee81b8 | rgb(238, 129, 184) | hsl(330, 76%, 72%) | |
345 | #ee819c | rgb(238, 129, 156) | hsl(345, 76%, 72%) | |
360 | #ee8181 | rgb(238, 129, 129) | hsl(0, 76%, 72%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff70ff | rgb(255, 112, 255) | hsl(300, 100%, 72%) | |
95% | #fb74fb | rgb(251, 116, 251) | hsl(300, 95%, 72%) | |
90% | #f877f8 | rgb(248, 119, 248) | hsl(300, 90%, 72%) | |
85% | #f47bf4 | rgb(244, 123, 244) | hsl(300, 85%, 72%) | |
80% | #f17ef1 | rgb(241, 126, 241) | hsl(300, 80%, 72%) | |
76% | #ee82ee | rgb(238, 130, 238) | hsl(300, 76%, 72%) | |
75% | #ed82ed | rgb(237, 130, 237) | hsl(300, 75%, 72%) | |
70% | #ea86ea | rgb(234, 134, 234) | hsl(300, 70%, 72%) | |
65% | #e689e6 | rgb(230, 137, 230) | hsl(300, 65%, 72%) | |
60% | #e28de2 | rgb(226, 141, 226) | hsl(300, 60%, 72%) | |
55% | #df90df | rgb(223, 144, 223) | hsl(300, 55%, 72%) | |
50% | #db94db | rgb(219, 148, 219) | hsl(300, 50%, 72%) | |
45% | #d897d8 | rgb(216, 151, 216) | hsl(300, 45%, 72%) | |
40% | #d49bd4 | rgb(212, 155, 212) | hsl(300, 40%, 72%) | |
35% | #d19fd1 | rgb(209, 159, 209) | hsl(300, 35%, 72%) | |
30% | #cda2cd | rgb(205, 162, 205) | hsl(300, 30%, 72%) | |
25% | #c9a6c9 | rgb(201, 166, 201) | hsl(300, 25%, 72%) | |
20% | #c6a9c6 | rgb(198, 169, 198) | hsl(300, 20%, 72%) | |
15% | #c2adc2 | rgb(194, 173, 194) | hsl(300, 15%, 72%) | |
10% | #bfb0bf | rgb(191, 176, 191) | hsl(300, 10%, 72%) | |
5% | #bbb4bb | rgb(187, 180, 187) | hsl(300, 5%, 72%) | |
0% | #b8b8b8 | rgb(184, 184, 184) | hsl(300, 0%, 72%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(300, 76%, 100%) | |
95% | #fce9fc | rgb(252, 233, 252) | hsl(300, 76%, 95%) | |
90% | #f9d2f9 | rgb(249, 210, 249) | hsl(300, 76%, 90%) | |
85% | #f6bcf6 | rgb(246, 188, 246) | hsl(300, 76%, 85%) | |
80% | #f3a5f3 | rgb(243, 165, 243) | hsl(300, 76%, 80%) | |
75% | #f08ff0 | rgb(240, 143, 240) | hsl(300, 76%, 75%) | |
72% | #ee82ee | rgb(238, 130, 238) | hsl(300, 76%, 72%) | |
70% | #ed78ed | rgb(237, 120, 237) | hsl(300, 76%, 70%) | |
65% | #ea62ea | rgb(234, 98, 234) | hsl(300, 76%, 65%) | |
60% | #e74be7 | rgb(231, 75, 231) | hsl(300, 76%, 60%) | |
55% | #e335e3 | rgb(227, 53, 227) | hsl(300, 76%, 55%) | |
50% | #e01fe0 | rgb(224, 31, 224) | hsl(300, 76%, 50%) | |
45% | #ca1cca | rgb(202, 28, 202) | hsl(300, 76%, 45%) | |
40% | #b418b4 | rgb(180, 24, 180) | hsl(300, 76%, 40%) | |
35% | #9d159d | rgb(157, 21, 157) | hsl(300, 76%, 35%) | |
30% | #871287 | rgb(135, 18, 135) | hsl(300, 76%, 30%) | |
25% | #700f70 | rgb(112, 15, 112) | hsl(300, 76%, 25%) | |
20% | #5a0c5a | rgb(90, 12, 90) | hsl(300, 76%, 20%) | |
15% | #430943 | rgb(67, 9, 67) | hsl(300, 76%, 15%) | |
10% | #2d062d | rgb(45, 6, 45) | hsl(300, 76%, 10%) | |
5% | #160316 | rgb(22, 3, 22) | hsl(300, 76%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(300, 76%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
238 | 130 | 238 |
rgb(238, 130, 238)
#ee82ee
#ee82ee