Color Codes Reference
HEX, RGB, and HSL color codes for web development
Color Picker
Pick any color to see its HEX, RGB, and HSL values
HEX
#FF0000RGB
rgb(255, 0, 0)HSL
hsl(0, 100%, 50%)Most Common Colors
Frequently used colors in web development and design
Basic
Black
#000000
rgb(0, 0, 0)
hsl(0, 0%, 0%)
White
#FFFFFF
rgb(255, 255, 255)
hsl(0, 0%, 100%)
Red
#FF0000
rgb(255, 0, 0)
hsl(0, 100%, 50%)
Green
#00FF00
rgb(0, 255, 0)
hsl(120, 100%, 50%)
Blue
#0000FF
rgb(0, 0, 255)
hsl(240, 100%, 50%)
Yellow
#FFFF00
rgb(255, 255, 0)
hsl(60, 100%, 50%)
Cyan
#00FFFF
rgb(0, 255, 255)
hsl(180, 100%, 50%)
Magenta
#FF00FF
rgb(255, 0, 255)
hsl(300, 100%, 50%)
Gray
Gray 10%
#1A1A1A
rgb(26, 26, 26)
hsl(0, 0%, 10%)
Gray 20%
#333333
rgb(51, 51, 51)
hsl(0, 0%, 20%)
Gray 30%
#4D4D4D
rgb(77, 77, 77)
hsl(0, 0%, 30%)
Gray 40%
#666666
rgb(102, 102, 102)
hsl(0, 0%, 40%)
Gray 50%
#808080
rgb(128, 128, 128)
hsl(0, 0%, 50%)
Gray 60%
#999999
rgb(153, 153, 153)
hsl(0, 0%, 60%)
Gray 70%
#B3B3B3
rgb(179, 179, 179)
hsl(0, 0%, 70%)
Gray 80%
#CCCCCC
rgb(204, 204, 204)
hsl(0, 0%, 80%)
Gray 90%
#E6E6E6
rgb(230, 230, 230)
hsl(0, 0%, 90%)
Popular
Crimson
#DC143C
rgb(220, 20, 60)
hsl(348, 83%, 47%)
Orange
#FFA500
rgb(255, 165, 0)
hsl(39, 100%, 50%)
Gold
#FFD700
rgb(255, 215, 0)
hsl(51, 100%, 50%)
Lime
#00FF00
rgb(0, 255, 0)
hsl(120, 100%, 50%)
Aqua
#00FFFF
rgb(0, 255, 255)
hsl(180, 100%, 50%)
Navy
#000080
rgb(0, 0, 128)
hsl(240, 100%, 25%)
Purple
#800080
rgb(128, 0, 128)
hsl(300, 100%, 25%)
Teal
#008080
rgb(0, 128, 128)
hsl(180, 100%, 25%)
Silver
#C0C0C0
rgb(192, 192, 192)
hsl(0, 0%, 75%)
Maroon
#800000
rgb(128, 0, 0)
hsl(0, 100%, 25%)