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
LightCoral
#f08080
rgb(240, 128, 128)
hsl(0, 79%, 72%)
Lighter / Darker:
100% | #ffffff | |
95% | #fce8e8 | |
90% | #fad1d1 | |
85% | #f7bbbb | |
80% | #f4a4a4 | |
75% | #f28d8d | |
72% | #f08080 | |
70% | #ef7676 | |
65% | #ec5f5f | |
60% | #ea4848 | |
55% | #e73232 | |
50% | #e41b1b | |
45% | #cd1818 | |
40% | #b71515 | |
35% | #a01313 | |
30% | #891010 | |
25% | #720d0d | |
20% | #5b0b0b | |
15% | #440808 | |
10% | #2e0505 | |
5% | #170303 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #f08080 | rgb(240, 128, 128) | hsl(0, 79%, 72%) | |
15 | #f09b7f | rgb(240, 155, 127) | hsl(15, 79%, 72%) | |
30 | #f0b87f | rgb(240, 184, 127) | hsl(30, 79%, 72%) | |
45 | #f0d47f | rgb(240, 212, 127) | hsl(45, 79%, 72%) | |
60 | #f0f07f | rgb(240, 240, 127) | hsl(60, 79%, 72%) | |
75 | #d4f07f | rgb(212, 240, 127) | hsl(75, 79%, 72%) | |
90 | #b8f07f | rgb(184, 240, 127) | hsl(90, 79%, 72%) | |
105 | #9bf07f | rgb(155, 240, 127) | hsl(105, 79%, 72%) | |
120 | #7ff07f | rgb(127, 240, 127) | hsl(120, 79%, 72%) | |
135 | #7ff09b | rgb(127, 240, 155) | hsl(135, 79%, 72%) | |
150 | #7ff0b8 | rgb(127, 240, 184) | hsl(150, 79%, 72%) | |
165 | #7ff0d4 | rgb(127, 240, 212) | hsl(165, 79%, 72%) | |
180 | #7ff0f0 | rgb(127, 240, 240) | hsl(180, 79%, 72%) | |
195 | #7fd4f0 | rgb(127, 212, 240) | hsl(195, 79%, 72%) | |
210 | #7fb8f0 | rgb(127, 184, 240) | hsl(210, 79%, 72%) | |
225 | #7f9bf0 | rgb(127, 155, 240) | hsl(225, 79%, 72%) | |
240 | #7f7ff0 | rgb(127, 127, 240) | hsl(240, 79%, 72%) | |
255 | #9b7ff0 | rgb(155, 127, 240) | hsl(255, 79%, 72%) | |
270 | #b87ff0 | rgb(184, 127, 240) | hsl(270, 79%, 72%) | |
285 | #d47ff0 | rgb(212, 127, 240) | hsl(285, 79%, 72%) | |
300 | #f07ff0 | rgb(240, 127, 240) | hsl(300, 79%, 72%) | |
315 | #f07fd4 | rgb(240, 127, 212) | hsl(315, 79%, 72%) | |
330 | #f07fb8 | rgb(240, 127, 184) | hsl(330, 79%, 72%) | |
345 | #f07f9b | rgb(240, 127, 155) | hsl(345, 79%, 72%) | |
360 | #f07f7f | rgb(240, 127, 127) | hsl(0, 79%, 72%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff7070 | rgb(255, 112, 112) | hsl(0, 100%, 72%) | |
95% | #fb7474 | rgb(251, 116, 116) | hsl(0, 95%, 72%) | |
90% | #f87777 | rgb(248, 119, 119) | hsl(0, 90%, 72%) | |
85% | #f47b7b | rgb(244, 123, 123) | hsl(0, 85%, 72%) | |
80% | #f17e7e | rgb(241, 126, 126) | hsl(0, 80%, 72%) | |
79% | #f08080 | rgb(240, 128, 128) | hsl(0, 79%, 72%) | |
75% | #ed8282 | rgb(237, 130, 130) | hsl(0, 75%, 72%) | |
70% | #ea8686 | rgb(234, 134, 134) | hsl(0, 70%, 72%) | |
65% | #e68989 | rgb(230, 137, 137) | hsl(0, 65%, 72%) | |
60% | #e28d8d | rgb(226, 141, 141) | hsl(0, 60%, 72%) | |
55% | #df9090 | rgb(223, 144, 144) | hsl(0, 55%, 72%) | |
50% | #db9494 | rgb(219, 148, 148) | hsl(0, 50%, 72%) | |
45% | #d89797 | rgb(216, 151, 151) | hsl(0, 45%, 72%) | |
40% | #d49b9b | rgb(212, 155, 155) | hsl(0, 40%, 72%) | |
35% | #d19f9f | rgb(209, 159, 159) | hsl(0, 35%, 72%) | |
30% | #cda2a2 | rgb(205, 162, 162) | hsl(0, 30%, 72%) | |
25% | #c9a6a6 | rgb(201, 166, 166) | hsl(0, 25%, 72%) | |
20% | #c6a9a9 | rgb(198, 169, 169) | hsl(0, 20%, 72%) | |
15% | #c2adad | rgb(194, 173, 173) | hsl(0, 15%, 72%) | |
10% | #bfb0b0 | rgb(191, 176, 176) | hsl(0, 10%, 72%) | |
5% | #bbb4b4 | rgb(187, 180, 180) | hsl(0, 5%, 72%) | |
0% | #b8b8b8 | rgb(184, 184, 184) | hsl(0, 0%, 72%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(0, 79%, 100%) | |
95% | #fce8e8 | rgb(252, 232, 232) | hsl(0, 79%, 95%) | |
90% | #fad1d1 | rgb(250, 209, 209) | hsl(0, 79%, 90%) | |
85% | #f7bbbb | rgb(247, 187, 187) | hsl(0, 79%, 85%) | |
80% | #f4a4a4 | rgb(244, 164, 164) | hsl(0, 79%, 80%) | |
75% | #f28d8d | rgb(242, 141, 141) | hsl(0, 79%, 75%) | |
72% | #f08080 | rgb(240, 128, 128) | hsl(0, 79%, 72%) | |
70% | #ef7676 | rgb(239, 118, 118) | hsl(0, 79%, 70%) | |
65% | #ec5f5f | rgb(236, 95, 95) | hsl(0, 79%, 65%) | |
60% | #ea4848 | rgb(234, 72, 72) | hsl(0, 79%, 60%) | |
55% | #e73232 | rgb(231, 50, 50) | hsl(0, 79%, 55%) | |
50% | #e41b1b | rgb(228, 27, 27) | hsl(0, 79%, 50%) | |
45% | #cd1818 | rgb(205, 24, 24) | hsl(0, 79%, 45%) | |
40% | #b71515 | rgb(183, 21, 21) | hsl(0, 79%, 40%) | |
35% | #a01313 | rgb(160, 19, 19) | hsl(0, 79%, 35%) | |
30% | #891010 | rgb(137, 16, 16) | hsl(0, 79%, 30%) | |
25% | #720d0d | rgb(114, 13, 13) | hsl(0, 79%, 25%) | |
20% | #5b0b0b | rgb(91, 11, 11) | hsl(0, 79%, 20%) | |
15% | #440808 | rgb(68, 8, 8) | hsl(0, 79%, 15%) | |
10% | #2e0505 | rgb(46, 5, 5) | hsl(0, 79%, 10%) | |
5% | #170303 | rgb(23, 3, 3) | hsl(0, 79%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(0, 79%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
240 | 128 | 128 |
rgb(240, 128, 128)
#f08080
#f08080