 Menu  Log in

    

HTML Color Picker

Pick a Color:

Or Enter a Color:
Color value OK

Or Use HTML5:
#ff0000

Selected Color:

Black Text
 Shadow

White Text

Shadow

Red
#ff0000
rgb(255, 0, 0)
hsl(0, 100%, 50%)

Lighter / Darker:
100% #ffffff
95% #ffe6e6
90% #ffcccc
85% #ffb3b3
80% #ff9999
75% #ff8080
70% #ff6666
65% #ff4d4d
60% #ff3333
55% #ff1a1a

50% #ff0000

45% #e60000
40% #cc0000
35% #b30000
30% #990000
25% #800000
20% #660000
15% #4d0000
10% #330000
5% #1a0000
0% #000000
Hue

Hue Hex Rgb Hsl

0 #ff0000 rgb(255, 0, 0) hsl(0, 100%, 50%)

15 #ff4000 rgb(255, 64, 0) hsl(15, 100%, 50%)

30 #ff8000 rgb(255, 128, 0) hsl(30, 100%, 50%)

45 #ffbf00 rgb(255, 191, 0) hsl(45, 100%, 50%)

60 #ffff00 rgb(255, 255, 0) hsl(60, 100%, 50%)

75 #bfff00 rgb(191, 255, 0) hsl(75, 100%, 50%)

90 #80ff00 rgb(128, 255, 0) hsl(90, 100%, 50%)

105 #40ff00 rgb(64, 255, 0) hsl(105, 100%, 50%)

120 #00ff00 rgb(0, 255, 0) hsl(120, 100%, 50%)

135 #00ff40 rgb(0, 255, 64) hsl(135, 100%, 50%)

150 #00ff80 rgb(0, 255, 128) hsl(150, 100%, 50%)

165 #00ffbf rgb(0, 255, 191) hsl(165, 100%, 50%)

180 #00ffff rgb(0, 255, 255) hsl(180, 100%, 50%)

195 #00bfff rgb(0, 191, 255) hsl(195, 100%, 50%)

210 #0080ff rgb(0, 128, 255) hsl(210, 100%, 50%)

225 #0040ff rgb(0, 64, 255) hsl(225, 100%, 50%)

240 #0000ff rgb(0, 0, 255) hsl(240, 100%, 50%)

255 #4000ff rgb(64, 0, 255) hsl(255, 100%, 50%)

270 #8000ff rgb(128, 0, 255) hsl(270, 100%, 50%)

285 #bf00ff rgb(191, 0, 255) hsl(285, 100%, 50%)

300 #ff00ff rgb(255, 0, 255) hsl(300, 100%, 50%)

315 #ff00bf rgb(255, 0, 191) hsl(315, 100%, 50%)

330 #ff0080 rgb(255, 0, 128) hsl(330, 100%, 50%)

345 #ff0040 rgb(255, 0, 64) hsl(345, 100%, 50%)

360 #ff0000 rgb(255, 0, 0) hsl(0, 100%, 50%)

100% #ff0000 rgb(255, 0, 0) hsl(0, 100%, 50%)

95% #f90606 rgb(249, 6, 6) hsl(0, 95%, 50%)

90% #f20d0d rgb(242, 13, 13) hsl(0, 90%, 50%)

85% #ec1313 rgb(236, 19, 19) hsl(0, 85%, 50%)

80% #e61919 rgb(230, 25, 25) hsl(0, 80%, 50%)

75% #df2020 rgb(223, 32, 32) hsl(0, 75%, 50%)

70% #d92626 rgb(217, 38, 38) hsl(0, 70%, 50%)

65% #d22d2d rgb(210, 45, 45) hsl(0, 65%, 50%)

60% #cc3333 rgb(204, 51, 51) hsl(0, 60%, 50%)

55% #c63939 rgb(198, 57, 57) hsl(0, 55%, 50%)

50% #bf4040 rgb(191, 64, 64) hsl(0, 50%, 50%)

45% #b94646 rgb(185, 70, 70) hsl(0, 45%, 50%)

40% #b34d4d rgb(179, 77, 77) hsl(0, 40%, 50%)

35% #ac5353 rgb(172, 83, 83) hsl(0, 35%, 50%)

30% #a65959 rgb(166, 89, 89) hsl(0, 30%, 50%)

25% #9f6060 rgb(159, 96, 96) hsl(0, 25%, 50%)

20% #996666 rgb(153, 102, 102) hsl(0, 20%, 50%)

15% #936c6c rgb(147, 108, 108) hsl(0, 15%, 50%)

10% #8c7373 rgb(140, 115, 115) hsl(0, 10%, 50%)

5% #867979 rgb(134, 121, 121) hsl(0, 5%, 50%)

0% #808080 rgb(128, 128, 128) hsl(0, 0%, 50%)

Lightness
 Light Hex Rgb Hsl

100% #ffffff rgb(255, 255, 255) hsl(0, 100%, 100%)

95% #ffe6e6 rgb(255, 230, 230) hsl(0, 100%, 95%)

90% #ffcccc rgb(255, 204, 204) hsl(0, 100%, 90%)

85% #ffb3b3 rgb(255, 179, 179) hsl(0, 100%, 85%)

80% #ff9999 rgb(255, 153, 153) hsl(0, 100%, 80%)

75% #ff8080 rgb(255, 128, 128) hsl(0, 100%, 75%)

70% #ff6666 rgb(255, 102, 102) hsl(0, 100%, 70%)

65% #ff4d4d rgb(255, 77, 77) hsl(0, 100%, 65%)

60% #ff3333 rgb(255, 51, 51) hsl(0, 100%, 60%)

55% #ff1a1a rgb(255, 26, 26) hsl(0, 100%, 55%)

50% #ff0000 rgb(255, 0, 0) hsl(0, 100%, 50%)

45% #e60000 rgb(230, 0, 0) hsl(0, 100%, 45%)

40% #cc0000 rgb(204, 0, 0) hsl(0, 100%, 40%)

35% #b30000 rgb(179, 0, 0) hsl(0, 100%, 35%)

30% #990000 rgb(153, 0, 0) hsl(0, 100%, 30%)

25% #800000 rgb(128, 0, 0) hsl(0, 100%, 25%)

20% #660000 rgb(102, 0, 0) hsl(0, 100%, 20%)

15% #4d0000 rgb(77, 0, 0) hsl(0, 100%, 15%)

10% #330000 rgb(51, 0, 0) hsl(0, 100%, 10%)

5% #1a0000 rgb(26, 0, 0) hsl(0, 100%, 5%)

0% #000000 rgb(0, 0, 0) hsl(0, 100%, 0%)

RGB (Red, Green, Blue)

255 0 0
 rgb(255, 0, 0)
#ff0000

❮ Previous Next ❯

COLOR PICKER

LIKE US



Get certified
by completing
a course today!

Get started

CODE GAME
 Play Game

Report Error

Forum

About

Shop

Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial

Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
 Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

Top Examples
HTML Examples
CSS Examples
JavaScript Examples
How To Examples
SQL Examples
Python Examples
W3.CSS Examples
Bootstrap Examples
PHP Examples
Java Examples
XML Examples
jQuery Examples

Web Courses
HTML Course
CSS Course
JavaScript Course
Front End Course
SQL Course
Python Course
PHP Course
jQuery Course
Java Course
C++ Course
C# Course
XML Course

Get Certified »