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
Cornsilk
#fff8dc
rgb(255, 248, 220)
hsl(48, 100%, 93%)
Lighter / Darker:
100% | #ffffff | |
95% | #fffae6 | |
93% | #fff8dc | |
90% | #fff5cc | |
85% | #fff0b3 | |
80% | #ffeb99 | |
75% | #ffe680 | |
70% | #ffe066 | |
65% | #ffdb4d | |
60% | #ffd633 | |
55% | #ffd11a | |
50% | #ffcc00 | |
45% | #e6b800 | |
40% | #cca300 | |
35% | #b38f00 | |
30% | #997a00 | |
25% | #806600 | |
20% | #665200 | |
15% | #4d3d00 | |
10% | #332900 | |
5% | #1a1400 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ffdbdb | rgb(255, 219, 219) | hsl(0, 100%, 93%) | |
15 | #ffe4db | rgb(255, 228, 219) | hsl(15, 100%, 93%) | |
30 | #ffeddb | rgb(255, 237, 219) | hsl(30, 100%, 93%) | |
45 | #fff6db | rgb(255, 246, 219) | hsl(45, 100%, 93%) | |
48 | #fff8dc | rgb(255, 248, 220) | hsl(48, 100%, 93%) | |
60 | #ffffdb | rgb(255, 255, 219) | hsl(60, 100%, 93%) | |
75 | #f6ffdb | rgb(246, 255, 219) | hsl(75, 100%, 93%) | |
90 | #edffdb | rgb(237, 255, 219) | hsl(90, 100%, 93%) | |
105 | #e4ffdb | rgb(228, 255, 219) | hsl(105, 100%, 93%) | |
120 | #dbffdb | rgb(219, 255, 219) | hsl(120, 100%, 93%) | |
135 | #dbffe4 | rgb(219, 255, 228) | hsl(135, 100%, 93%) | |
150 | #dbffed | rgb(219, 255, 237) | hsl(150, 100%, 93%) | |
165 | #dbfff6 | rgb(219, 255, 246) | hsl(165, 100%, 93%) | |
180 | #dbffff | rgb(219, 255, 255) | hsl(180, 100%, 93%) | |
195 | #dbf6ff | rgb(219, 246, 255) | hsl(195, 100%, 93%) | |
210 | #dbedff | rgb(219, 237, 255) | hsl(210, 100%, 93%) | |
225 | #dbe4ff | rgb(219, 228, 255) | hsl(225, 100%, 93%) | |
240 | #dbdbff | rgb(219, 219, 255) | hsl(240, 100%, 93%) | |
255 | #e4dbff | rgb(228, 219, 255) | hsl(255, 100%, 93%) | |
270 | #eddbff | rgb(237, 219, 255) | hsl(270, 100%, 93%) | |
285 | #f6dbff | rgb(246, 219, 255) | hsl(285, 100%, 93%) | |
300 | #ffdbff | rgb(255, 219, 255) | hsl(300, 100%, 93%) | |
315 | #ffdbf6 | rgb(255, 219, 246) | hsl(315, 100%, 93%) | |
330 | #ffdbed | rgb(255, 219, 237) | hsl(330, 100%, 93%) | |
345 | #ffdbe4 | rgb(255, 219, 228) | hsl(345, 100%, 93%) | |
360 | #ffdbdb | rgb(255, 219, 219) | hsl(0, 100%, 93%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #fff8dc | rgb(255, 248, 220) | hsl(48, 100%, 93%) | |
95% | #fef7dc | rgb(254, 247, 220) | hsl(48, 95%, 93%) | |
90% | #fdf7dd | rgb(253, 247, 221) | hsl(48, 90%, 93%) | |
85% | #fcf6de | rgb(252, 246, 222) | hsl(48, 85%, 93%) | |
80% | #fbf6df | rgb(251, 246, 223) | hsl(48, 80%, 93%) | |
75% | #fbf5e0 | rgb(251, 245, 224) | hsl(48, 75%, 93%) | |
70% | #faf5e1 | rgb(250, 245, 225) | hsl(48, 70%, 93%) | |
65% | #f9f4e2 | rgb(249, 244, 226) | hsl(48, 65%, 93%) | |
60% | #f8f4e2 | rgb(248, 244, 226) | hsl(48, 60%, 93%) | |
55% | #f7f3e3 | rgb(247, 243, 227) | hsl(48, 55%, 93%) | |
50% | #f6f3e4 | rgb(246, 243, 228) | hsl(48, 50%, 93%) | |
45% | #f5f2e5 | rgb(245, 242, 229) | hsl(48, 45%, 93%) | |
40% | #f4f1e6 | rgb(244, 241, 230) | hsl(48, 40%, 93%) | |
35% | #f3f1e7 | rgb(243, 241, 231) | hsl(48, 35%, 93%) | |
30% | #f3f0e8 | rgb(243, 240, 232) | hsl(48, 30%, 93%) | |
25% | #f2f0e9 | rgb(242, 240, 233) | hsl(48, 25%, 93%) | |
20% | #f1efea | rgb(241, 239, 234) | hsl(48, 20%, 93%) | |
15% | #f0efea | rgb(240, 239, 234) | hsl(48, 15%, 93%) | |
10% | #efeeeb | rgb(239, 238, 235) | hsl(48, 10%, 93%) | |
5% | #eeeeec | rgb(238, 238, 236) | hsl(48, 5%, 93%) | |
0% | #ededed | rgb(237, 237, 237) | hsl(48, 0%, 93%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(48, 100%, 100%) | |
95% | #fffae6 | rgb(255, 250, 230) | hsl(48, 100%, 95%) | |
93% | #fff8dc | rgb(255, 248, 220) | hsl(48, 100%, 93%) | |
90% | #fff5cc | rgb(255, 245, 204) | hsl(48, 100%, 90%) | |
85% | #fff0b3 | rgb(255, 240, 179) | hsl(48, 100%, 85%) | |
80% | #ffeb99 | rgb(255, 235, 153) | hsl(48, 100%, 80%) | |
75% | #ffe680 | rgb(255, 230, 128) | hsl(48, 100%, 75%) | |
70% | #ffe066 | rgb(255, 224, 102) | hsl(48, 100%, 70%) | |
65% | #ffdb4d | rgb(255, 219, 77) | hsl(48, 100%, 65%) | |
60% | #ffd633 | rgb(255, 214, 51) | hsl(48, 100%, 60%) | |
55% | #ffd11a | rgb(255, 209, 26) | hsl(48, 100%, 55%) | |
50% | #ffcc00 | rgb(255, 204, 0) | hsl(48, 100%, 50%) | |
45% | #e6b800 | rgb(230, 184, 0) | hsl(48, 100%, 45%) | |
40% | #cca300 | rgb(204, 163, 0) | hsl(48, 100%, 40%) | |
35% | #b38f00 | rgb(179, 143, 0) | hsl(48, 100%, 35%) | |
30% | #997a00 | rgb(153, 122, 0) | hsl(48, 100%, 30%) | |
25% | #806600 | rgb(128, 102, 0) | hsl(48, 100%, 25%) | |
20% | #665200 | rgb(102, 82, 0) | hsl(48, 100%, 20%) | |
15% | #4d3d00 | rgb(77, 61, 0) | hsl(48, 100%, 15%) | |
10% | #332900 | rgb(51, 41, 0) | hsl(48, 100%, 10%) | |
5% | #1a1400 | rgb(26, 20, 0) | hsl(48, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(48, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
255 | 248 | 220 |
rgb(255, 248, 220)
#fff8dc
#fff8dc