Color Picker
Free online color picker. Pick any color and instantly get its HEX, RGB and HSL codes with one-click copy, plus lighter and darker shades of the color.
#004aad
HEX
rgb(0, 74, 173)
RGB
hsl(214, 100%, 34%)
HSL
Shades (click to select)
HEX vs RGB vs HSL
HEX (#rrggbb) is the compact web standard used in CSS and design tools. RGB expresses the same color as red/green/blue values from 0–255. HSL (hue, saturation, lightness) is easiest for humans to reason about — change the lightness to get the shades shown below.
All three formats always describe the same color; use whichever your tool expects. Click any shade tile to select it and copy its codes.