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
Tomato
#ff6347
rgb(255, 99, 71)
hsl(9, 100%, 64%)
Lighter / Darker:
100% | #ffffff | |
95% | #ffe9e6 | |
90% | #ffd4cc | |
85% | #ffbeb3 | |
80% | #ffa899 | |
75% | #ff9380 | |
70% | #ff7d66 | |
65% | #ff674d | |
64% | #ff6347 | |
60% | #ff5233 | |
55% | #ff3c1a | |
50% | #ff2600 | |
45% | #e62200 | |
40% | #cc1f00 | |
35% | #b31b00 | |
30% | #991700 | |
25% | #801300 | |
20% | #660f00 | |
15% | #4d0b00 | |
10% | #330800 | |
5% | #1a0400 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ff4747 | rgb(255, 71, 71) | hsl(0, 100%, 64%) | |
9 | #ff6347 | rgb(255, 99, 71) | hsl(9, 100%, 64%) | |
15 | #ff7547 | rgb(255, 117, 71) | hsl(15, 100%, 64%) | |
30 | #ffa347 | rgb(255, 163, 71) | hsl(30, 100%, 64%) | |
45 | #ffd147 | rgb(255, 209, 71) | hsl(45, 100%, 64%) | |
60 | #ffff47 | rgb(255, 255, 71) | hsl(60, 100%, 64%) | |
75 | #d1ff47 | rgb(209, 255, 71) | hsl(75, 100%, 64%) | |
90 | #a3ff47 | rgb(163, 255, 71) | hsl(90, 100%, 64%) | |
105 | #75ff47 | rgb(117, 255, 71) | hsl(105, 100%, 64%) | |
120 | #47ff47 | rgb(71, 255, 71) | hsl(120, 100%, 64%) | |
135 | #47ff75 | rgb(71, 255, 117) | hsl(135, 100%, 64%) | |
150 | #47ffa3 | rgb(71, 255, 163) | hsl(150, 100%, 64%) | |
165 | #47ffd1 | rgb(71, 255, 209) | hsl(165, 100%, 64%) | |
180 | #47ffff | rgb(71, 255, 255) | hsl(180, 100%, 64%) | |
195 | #47d1ff | rgb(71, 209, 255) | hsl(195, 100%, 64%) | |
210 | #47a3ff | rgb(71, 163, 255) | hsl(210, 100%, 64%) | |
225 | #4775ff | rgb(71, 117, 255) | hsl(225, 100%, 64%) | |
240 | #4747ff | rgb(71, 71, 255) | hsl(240, 100%, 64%) | |
255 | #7547ff | rgb(117, 71, 255) | hsl(255, 100%, 64%) | |
270 | #a347ff | rgb(163, 71, 255) | hsl(270, 100%, 64%) | |
285 | #d147ff | rgb(209, 71, 255) | hsl(285, 100%, 64%) | |
300 | #ff47ff | rgb(255, 71, 255) | hsl(300, 100%, 64%) | |
315 | #ff47d1 | rgb(255, 71, 209) | hsl(315, 100%, 64%) | |
330 | #ff47a3 | rgb(255, 71, 163) | hsl(330, 100%, 64%) | |
345 | #ff4775 | rgb(255, 71, 117) | hsl(345, 100%, 64%) | |
360 | #ff4747 | rgb(255, 71, 71) | hsl(0, 100%, 64%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff6347 | rgb(255, 99, 71) | hsl(9, 100%, 64%) | |
95% | #fa664c | rgb(250, 102, 76) | hsl(9, 95%, 64%) | |
90% | #f66951 | rgb(246, 105, 81) | hsl(9, 90%, 64%) | |
85% | #f16d55 | rgb(241, 109, 85) | hsl(9, 85%, 64%) | |
80% | #ed705a | rgb(237, 112, 90) | hsl(9, 80%, 64%) | |
75% | #e8735e | rgb(232, 115, 94) | hsl(9, 75%, 64%) | |
70% | #e37663 | rgb(227, 118, 99) | hsl(9, 70%, 64%) | |
65% | #df7968 | rgb(223, 121, 104) | hsl(9, 65%, 64%) | |
60% | #da7d6c | rgb(218, 125, 108) | hsl(9, 60%, 64%) | |
55% | #d68071 | rgb(214, 128, 113) | hsl(9, 55%, 64%) | |
50% | #d18375 | rgb(209, 131, 117) | hsl(9, 50%, 64%) | |
45% | #cd867a | rgb(205, 134, 122) | hsl(9, 45%, 64%) | |
40% | #c8897e | rgb(200, 137, 126) | hsl(9, 40%, 64%) | |
35% | #c38d83 | rgb(195, 141, 131) | hsl(9, 35%, 64%) | |
30% | #bf9088 | rgb(191, 144, 136) | hsl(9, 30%, 64%) | |
25% | #ba938c | rgb(186, 147, 140) | hsl(9, 25%, 64%) | |
20% | #b69691 | rgb(182, 150, 145) | hsl(9, 20%, 64%) | |
15% | #b19a95 | rgb(177, 154, 149) | hsl(9, 15%, 64%) | |
10% | #ac9d9a | rgb(172, 157, 154) | hsl(9, 10%, 64%) | |
5% | #a8a09f | rgb(168, 160, 159) | hsl(9, 5%, 64%) | |
0% | #a3a3a3 | rgb(163, 163, 163) | hsl(9, 0%, 64%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(9, 100%, 100%) | |
95% | #ffe9e6 | rgb(255, 233, 230) | hsl(9, 100%, 95%) | |
90% | #ffd4cc | rgb(255, 212, 204) | hsl(9, 100%, 90%) | |
85% | #ffbeb3 | rgb(255, 190, 179) | hsl(9, 100%, 85%) | |
80% | #ffa899 | rgb(255, 168, 153) | hsl(9, 100%, 80%) | |
75% | #ff9380 | rgb(255, 147, 128) | hsl(9, 100%, 75%) | |
70% | #ff7d66 | rgb(255, 125, 102) | hsl(9, 100%, 70%) | |
65% | #ff674d | rgb(255, 103, 77) | hsl(9, 100%, 65%) | |
64% | #ff6347 | rgb(255, 99, 71) | hsl(9, 100%, 64%) | |
60% | #ff5233 | rgb(255, 82, 51) | hsl(9, 100%, 60%) | |
55% | #ff3c1a | rgb(255, 60, 26) | hsl(9, 100%, 55%) | |
50% | #ff2600 | rgb(255, 38, 0) | hsl(9, 100%, 50%) | |
45% | #e62200 | rgb(230, 34, 0) | hsl(9, 100%, 45%) | |
40% | #cc1f00 | rgb(204, 31, 0) | hsl(9, 100%, 40%) | |
35% | #b31b00 | rgb(179, 27, 0) | hsl(9, 100%, 35%) | |
30% | #991700 | rgb(153, 23, 0) | hsl(9, 100%, 30%) | |
25% | #801300 | rgb(128, 19, 0) | hsl(9, 100%, 25%) | |
20% | #660f00 | rgb(102, 15, 0) | hsl(9, 100%, 20%) | |
15% | #4d0b00 | rgb(77, 11, 0) | hsl(9, 100%, 15%) | |
10% | #330800 | rgb(51, 8, 0) | hsl(9, 100%, 10%) | |
5% | #1a0400 | rgb(26, 4, 0) | hsl(9, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(9, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
255 | 99 | 71 |
rgb(255, 99, 71)
#ff6347
#ff6347