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
HotPink
#ff69b4
rgb(255, 105, 180)
hsl(330, 100%, 71%)
Lighter / Darker:
100% | #ffffff | |
95% | #ffe6f2 | |
90% | #ffcce6 | |
85% | #ffb3d9 | |
80% | #ff99cc | |
75% | #ff80bf | |
71% | #ff69b4 | |
70% | #ff66b3 | |
65% | #ff4da6 | |
60% | #ff3399 | |
55% | #ff1a8c | |
50% | #ff0080 | |
45% | #e60073 | |
40% | #cc0066 | |
35% | #b30059 | |
30% | #99004d | |
25% | #800040 | |
20% | #660033 | |
15% | #4d0026 | |
10% | #33001a | |
5% | #1a000d | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ff6b6b | rgb(255, 107, 107) | hsl(0, 100%, 71%) | |
15 | #ff906b | rgb(255, 144, 107) | hsl(15, 100%, 71%) | |
30 | #ffb56b | rgb(255, 181, 107) | hsl(30, 100%, 71%) | |
45 | #ffda6b | rgb(255, 218, 107) | hsl(45, 100%, 71%) | |
60 | #ffff6b | rgb(255, 255, 107) | hsl(60, 100%, 71%) | |
75 | #daff6b | rgb(218, 255, 107) | hsl(75, 100%, 71%) | |
90 | #b5ff6b | rgb(181, 255, 107) | hsl(90, 100%, 71%) | |
105 | #90ff6b | rgb(144, 255, 107) | hsl(105, 100%, 71%) | |
120 | #6bff6b | rgb(107, 255, 107) | hsl(120, 100%, 71%) | |
135 | #6bff90 | rgb(107, 255, 144) | hsl(135, 100%, 71%) | |
150 | #6bffb5 | rgb(107, 255, 181) | hsl(150, 100%, 71%) | |
165 | #6bffda | rgb(107, 255, 218) | hsl(165, 100%, 71%) | |
180 | #6bffff | rgb(107, 255, 255) | hsl(180, 100%, 71%) | |
195 | #6bdaff | rgb(107, 218, 255) | hsl(195, 100%, 71%) | |
210 | #6bb5ff | rgb(107, 181, 255) | hsl(210, 100%, 71%) | |
225 | #6b90ff | rgb(107, 144, 255) | hsl(225, 100%, 71%) | |
240 | #6b6bff | rgb(107, 107, 255) | hsl(240, 100%, 71%) | |
255 | #906bff | rgb(144, 107, 255) | hsl(255, 100%, 71%) | |
270 | #b56bff | rgb(181, 107, 255) | hsl(270, 100%, 71%) | |
285 | #da6bff | rgb(218, 107, 255) | hsl(285, 100%, 71%) | |
300 | #ff6bff | rgb(255, 107, 255) | hsl(300, 100%, 71%) | |
315 | #ff6bda | rgb(255, 107, 218) | hsl(315, 100%, 71%) | |
330 | #ff69b4 | rgb(255, 105, 180) | hsl(330, 100%, 71%) | |
345 | #ff6b90 | rgb(255, 107, 144) | hsl(345, 100%, 71%) | |
360 | #ff6b6b | rgb(255, 107, 107) | hsl(0, 100%, 71%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff69b4 | rgb(255, 105, 180) | hsl(330, 100%, 71%) | |
95% | #fb6fb5 | rgb(251, 111, 181) | hsl(330, 95%, 71%) | |
90% | #f872b5 | rgb(248, 114, 181) | hsl(330, 90%, 71%) | |
85% | #f476b5 | rgb(244, 118, 181) | hsl(330, 85%, 71%) | |
80% | #f07ab5 | rgb(240, 122, 181) | hsl(330, 80%, 71%) | |
75% | #ed7eb5 | rgb(237, 126, 181) | hsl(330, 75%, 71%) | |
70% | #e981b5 | rgb(233, 129, 181) | hsl(330, 70%, 71%) | |
65% | #e585b5 | rgb(229, 133, 181) | hsl(330, 65%, 71%) | |
60% | #e189b5 | rgb(225, 137, 181) | hsl(330, 60%, 71%) | |
55% | #de8cb5 | rgb(222, 140, 181) | hsl(330, 55%, 71%) | |
50% | #da90b5 | rgb(218, 144, 181) | hsl(330, 50%, 71%) | |
45% | #d694b5 | rgb(214, 148, 181) | hsl(330, 45%, 71%) | |
40% | #d397b5 | rgb(211, 151, 181) | hsl(330, 40%, 71%) | |
35% | #cf9bb5 | rgb(207, 155, 181) | hsl(330, 35%, 71%) | |
30% | #cb9fb5 | rgb(203, 159, 181) | hsl(330, 30%, 71%) | |
25% | #c8a3b5 | rgb(200, 163, 181) | hsl(330, 25%, 71%) | |
20% | #c4a6b5 | rgb(196, 166, 181) | hsl(330, 20%, 71%) | |
15% | #c0aab5 | rgb(192, 170, 181) | hsl(330, 15%, 71%) | |
10% | #bcaeb5 | rgb(188, 174, 181) | hsl(330, 10%, 71%) | |
5% | #b9b1b5 | rgb(185, 177, 181) | hsl(330, 5%, 71%) | |
0% | #b5b5b5 | rgb(181, 181, 181) | hsl(330, 0%, 71%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(330, 100%, 100%) | |
95% | #ffe6f2 | rgb(255, 230, 242) | hsl(330, 100%, 95%) | |
90% | #ffcce6 | rgb(255, 204, 230) | hsl(330, 100%, 90%) | |
85% | #ffb3d9 | rgb(255, 179, 217) | hsl(330, 100%, 85%) | |
80% | #ff99cc | rgb(255, 153, 204) | hsl(330, 100%, 80%) | |
75% | #ff80bf | rgb(255, 128, 191) | hsl(330, 100%, 75%) | |
71% | #ff69b4 | rgb(255, 105, 180) | hsl(330, 100%, 71%) | |
70% | #ff66b3 | rgb(255, 102, 179) | hsl(330, 100%, 70%) | |
65% | #ff4da6 | rgb(255, 77, 166) | hsl(330, 100%, 65%) | |
60% | #ff3399 | rgb(255, 51, 153) | hsl(330, 100%, 60%) | |
55% | #ff1a8c | rgb(255, 26, 140) | hsl(330, 100%, 55%) | |
50% | #ff0080 | rgb(255, 0, 128) | hsl(330, 100%, 50%) | |
45% | #e60073 | rgb(230, 0, 115) | hsl(330, 100%, 45%) | |
40% | #cc0066 | rgb(204, 0, 102) | hsl(330, 100%, 40%) | |
35% | #b30059 | rgb(179, 0, 89) | hsl(330, 100%, 35%) | |
30% | #99004d | rgb(153, 0, 77) | hsl(330, 100%, 30%) | |
25% | #800040 | rgb(128, 0, 64) | hsl(330, 100%, 25%) | |
20% | #660033 | rgb(102, 0, 51) | hsl(330, 100%, 20%) | |
15% | #4d0026 | rgb(77, 0, 38) | hsl(330, 100%, 15%) | |
10% | #33001a | rgb(51, 0, 26) | hsl(330, 100%, 10%) | |
5% | #1a000d | rgb(26, 0, 13) | hsl(330, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(330, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
255 | 105 | 180 |
rgb(255, 105, 180)
#ff69b4
#ff69b4