HTML Color Picker
- Get link
- X
- Other Apps
THE WORLD'S LARGEST WEB DEVELOPER SITE
Colors Tutorial
Colors HOMEColor NamesColor ValuesColor GroupsColor ShadesColor PickerColor MixerColor ConverterColor RGBColor HEXColor HSLColor HWBColor CMYKColor NColColor GradientColor TheoryColor WheelsColor HuesColor SchemesColor PalettesColor BrandsColor W3.CSSColor Metro UIColor TrendsColor Schemes
Colors MonochromaticColors AnalogousColors ComplementaryColors TriadicColors CompoundColor Standards
Colors USAColors UKColors AustraliaColors RALColors NBSColors NCSColors X11Colors CrayolaColors ReseneColors XKCDHTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
Lime
#00ff00
rgb(0, 255, 0)
hsl(120, 100%, 50%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #e6ffe6 | |
| 90% | #ccffcc | |
| 85% | #b3ffb3 | |
| 80% | #99ff99 | |
| 75% | #80ff80 | |
| 70% | #66ff66 | |
| 65% | #4dff4d | |
| 60% | #33ff33 | |
| 55% | #1aff1a | |
| 50% | #00ff00 | |
| 45% | #00e600 | |
| 40% | #00cc00 | |
| 35% | #00b300 | |
| 30% | #009900 | |
| 25% | #008000 | |
| 20% | #006600 | |
| 15% | #004d00 | |
| 10% | #003300 | |
| 5% | #001a00 | |
| 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%) |
Saturation
| Sat | Hex | Rgb | Hsl | |
| 100% | #00ff00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) | |
| 95% | #06f906 | rgb(6, 249, 6) | hsl(120, 95%, 50%) | |
| 90% | #0df20d | rgb(13, 242, 13) | hsl(120, 90%, 50%) | |
| 85% | #13ec13 | rgb(19, 236, 19) | hsl(120, 85%, 50%) | |
| 80% | #19e619 | rgb(25, 230, 25) | hsl(120, 80%, 50%) | |
| 75% | #20df20 | rgb(32, 223, 32) | hsl(120, 75%, 50%) | |
| 70% | #26d926 | rgb(38, 217, 38) | hsl(120, 70%, 50%) | |
| 65% | #2dd22d | rgb(45, 210, 45) | hsl(120, 65%, 50%) | |
| 60% | #33cc33 | rgb(51, 204, 51) | hsl(120, 60%, 50%) | |
| 55% | #39c639 | rgb(57, 198, 57) | hsl(120, 55%, 50%) | |
| 50% | #40bf40 | rgb(64, 191, 64) | hsl(120, 50%, 50%) | |
| 45% | #46b946 | rgb(70, 185, 70) | hsl(120, 45%, 50%) | |
| 40% | #4db34d | rgb(77, 179, 77) | hsl(120, 40%, 50%) | |
| 35% | #53ac53 | rgb(83, 172, 83) | hsl(120, 35%, 50%) | |
| 30% | #59a659 | rgb(89, 166, 89) | hsl(120, 30%, 50%) | |
| 25% | #609f60 | rgb(96, 159, 96) | hsl(120, 25%, 50%) | |
| 20% | #669966 | rgb(102, 153, 102) | hsl(120, 20%, 50%) | |
| 15% | #6c936c | rgb(108, 147, 108) | hsl(120, 15%, 50%) | |
| 10% | #738c73 | rgb(115, 140, 115) | hsl(120, 10%, 50%) | |
| 5% | #798679 | rgb(121, 134, 121) | hsl(120, 5%, 50%) | |
| 0% | #808080 | rgb(128, 128, 128) | hsl(120, 0%, 50%) |
Lightness
| Light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(120, 100%, 100%) | |
| 95% | #e6ffe6 | rgb(230, 255, 230) | hsl(120, 100%, 95%) | |
| 90% | #ccffcc | rgb(204, 255, 204) | hsl(120, 100%, 90%) | |
| 85% | #b3ffb3 | rgb(179, 255, 179) | hsl(120, 100%, 85%) | |
| 80% | #99ff99 | rgb(153, 255, 153) | hsl(120, 100%, 80%) | |
| 75% | #80ff80 | rgb(128, 255, 128) | hsl(120, 100%, 75%) | |
| 70% | #66ff66 | rgb(102, 255, 102) | hsl(120, 100%, 70%) | |
| 65% | #4dff4d | rgb(77, 255, 77) | hsl(120, 100%, 65%) | |
| 60% | #33ff33 | rgb(51, 255, 51) | hsl(120, 100%, 60%) | |
| 55% | #1aff1a | rgb(26, 255, 26) | hsl(120, 100%, 55%) | |
| 50% | #00ff00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) | |
| 45% | #00e600 | rgb(0, 230, 0) | hsl(120, 100%, 45%) | |
| 40% | #00cc00 | rgb(0, 204, 0) | hsl(120, 100%, 40%) | |
| 35% | #00b300 | rgb(0, 179, 0) | hsl(120, 100%, 35%) | |
| 30% | #009900 | rgb(0, 153, 0) | hsl(120, 100%, 30%) | |
| 25% | #008000 | rgb(0, 128, 0) | hsl(120, 100%, 25%) | |
| 20% | #006600 | rgb(0, 102, 0) | hsl(120, 100%, 20%) | |
| 15% | #004d00 | rgb(0, 77, 0) | hsl(120, 100%, 15%) | |
| 10% | #003300 | rgb(0, 51, 0) | hsl(120, 100%, 10%) | |
| 5% | #001a00 | rgb(0, 26, 0) | hsl(120, 100%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(120, 100%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 0 | 255 | 0 |
rgb(0, 255, 0)
#00ff00
#00ff00
- Get link
- X
- Other Apps

Comments
Post a Comment