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
Aquamarine
#7fffd4
rgb(127, 255, 212)
hsl(160, 100%, 75%)
Lighter / Darker:
100% | #ffffff | |
95% | #e6fff7 | |
90% | #ccffee | |
85% | #b3ffe6 | |
80% | #99ffdd | |
75% | #7fffd4 | |
70% | #66ffcc | |
65% | #4dffc3 | |
60% | #33ffbb | |
55% | #1affb2 | |
50% | #00ffaa | |
45% | #00e699 | |
40% | #00cc88 | |
35% | #00b377 | |
30% | #009966 | |
25% | #008055 | |
20% | #006644 | |
15% | #004d33 | |
10% | #003322 | |
5% | #001a11 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ff8080 | rgb(255, 128, 128) | hsl(0, 100%, 75%) | |
15 | #ff9f80 | rgb(255, 159, 128) | hsl(15, 100%, 75%) | |
30 | #ffbf80 | rgb(255, 191, 128) | hsl(30, 100%, 75%) | |
45 | #ffdf80 | rgb(255, 223, 128) | hsl(45, 100%, 75%) | |
60 | #ffff80 | rgb(255, 255, 128) | hsl(60, 100%, 75%) | |
75 | #dfff80 | rgb(223, 255, 128) | hsl(75, 100%, 75%) | |
90 | #bfff80 | rgb(191, 255, 128) | hsl(90, 100%, 75%) | |
105 | #9fff80 | rgb(159, 255, 128) | hsl(105, 100%, 75%) | |
120 | #80ff80 | rgb(128, 255, 128) | hsl(120, 100%, 75%) | |
135 | #80ff9f | rgb(128, 255, 159) | hsl(135, 100%, 75%) | |
150 | #80ffbf | rgb(128, 255, 191) | hsl(150, 100%, 75%) | |
160 | #7fffd4 | rgb(127, 255, 212) | hsl(160, 100%, 75%) | |
165 | #80ffdf | rgb(128, 255, 223) | hsl(165, 100%, 75%) | |
180 | #80ffff | rgb(128, 255, 255) | hsl(180, 100%, 75%) | |
195 | #80dfff | rgb(128, 223, 255) | hsl(195, 100%, 75%) | |
210 | #80bfff | rgb(128, 191, 255) | hsl(210, 100%, 75%) | |
225 | #809fff | rgb(128, 159, 255) | hsl(225, 100%, 75%) | |
240 | #8080ff | rgb(128, 128, 255) | hsl(240, 100%, 75%) | |
255 | #9f80ff | rgb(159, 128, 255) | hsl(255, 100%, 75%) | |
270 | #bf80ff | rgb(191, 128, 255) | hsl(270, 100%, 75%) | |
285 | #df80ff | rgb(223, 128, 255) | hsl(285, 100%, 75%) | |
300 | #ff80ff | rgb(255, 128, 255) | hsl(300, 100%, 75%) | |
315 | #ff80df | rgb(255, 128, 223) | hsl(315, 100%, 75%) | |
330 | #ff80bf | rgb(255, 128, 191) | hsl(330, 100%, 75%) | |
345 | #ff809f | rgb(255, 128, 159) | hsl(345, 100%, 75%) | |
360 | #ff8080 | rgb(255, 128, 128) | hsl(0, 100%, 75%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #7fffd4 | rgb(127, 255, 212) | hsl(160, 100%, 75%) | |
95% | #83fcd3 | rgb(131, 252, 211) | hsl(160, 95%, 75%) | |
90% | #86f9d2 | rgb(134, 249, 210) | hsl(160, 90%, 75%) | |
85% | #89f5d1 | rgb(137, 245, 209) | hsl(160, 85%, 75%) | |
80% | #8cf2d0 | rgb(140, 242, 208) | hsl(160, 80%, 75%) | |
75% | #8fefcf | rgb(143, 239, 207) | hsl(160, 75%, 75%) | |
70% | #93ecce | rgb(147, 236, 206) | hsl(160, 70%, 75%) | |
65% | #96e9cd | rgb(150, 233, 205) | hsl(160, 65%, 75%) | |
60% | #99e6cc | rgb(153, 230, 204) | hsl(160, 60%, 75%) | |
55% | #9ce2cb | rgb(156, 226, 203) | hsl(160, 55%, 75%) | |
50% | #9fdfca | rgb(159, 223, 202) | hsl(160, 50%, 75%) | |
45% | #a3dcc9 | rgb(163, 220, 201) | hsl(160, 45%, 75%) | |
40% | #a6d9c8 | rgb(166, 217, 200) | hsl(160, 40%, 75%) | |
35% | #a9d6c7 | rgb(169, 214, 199) | hsl(160, 35%, 75%) | |
30% | #acd2c6 | rgb(172, 210, 198) | hsl(160, 30%, 75%) | |
25% | #afcfc5 | rgb(175, 207, 197) | hsl(160, 25%, 75%) | |
20% | #b3ccc3 | rgb(179, 204, 195) | hsl(160, 20%, 75%) | |
15% | #b6c9c2 | rgb(182, 201, 194) | hsl(160, 15%, 75%) | |
10% | #b9c6c1 | rgb(185, 198, 193) | hsl(160, 10%, 75%) | |
5% | #bcc2c0 | rgb(188, 194, 192) | hsl(160, 5%, 75%) | |
0% | #bfbfbf | rgb(191, 191, 191) | hsl(160, 0%, 75%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(160, 100%, 100%) | |
95% | #e6fff7 | rgb(230, 255, 247) | hsl(160, 100%, 95%) | |
90% | #ccffee | rgb(204, 255, 238) | hsl(160, 100%, 90%) | |
85% | #b3ffe6 | rgb(179, 255, 230) | hsl(160, 100%, 85%) | |
80% | #99ffdd | rgb(153, 255, 221) | hsl(160, 100%, 80%) | |
75% | #7fffd4 | rgb(127, 255, 212) | hsl(160, 100%, 75%) | |
70% | #66ffcc | rgb(102, 255, 204) | hsl(160, 100%, 70%) | |
65% | #4dffc3 | rgb(77, 255, 195) | hsl(160, 100%, 65%) | |
60% | #33ffbb | rgb(51, 255, 187) | hsl(160, 100%, 60%) | |
55% | #1affb2 | rgb(26, 255, 178) | hsl(160, 100%, 55%) | |
50% | #00ffaa | rgb(0, 255, 170) | hsl(160, 100%, 50%) | |
45% | #00e699 | rgb(0, 230, 153) | hsl(160, 100%, 45%) | |
40% | #00cc88 | rgb(0, 204, 136) | hsl(160, 100%, 40%) | |
35% | #00b377 | rgb(0, 179, 119) | hsl(160, 100%, 35%) | |
30% | #009966 | rgb(0, 153, 102) | hsl(160, 100%, 30%) | |
25% | #008055 | rgb(0, 128, 85) | hsl(160, 100%, 25%) | |
20% | #006644 | rgb(0, 102, 68) | hsl(160, 100%, 20%) | |
15% | #004d33 | rgb(0, 77, 51) | hsl(160, 100%, 15%) | |
10% | #003322 | rgb(0, 51, 34) | hsl(160, 100%, 10%) | |
5% | #001a11 | rgb(0, 26, 17) | hsl(160, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(160, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
127 | 255 | 212 |
rgb(127, 255, 212)
#7fffd4
#7fffd4