HEX ↔ RGB
HEX encodes three 8-bit sRGB channels in base 16; RGB shows them as decimal values.
Colour & design8 free tools
Colour & design
Find the right colour, contrast and finishing touches.
All processing happens on your device.
HEX ↔ HSL
Converts between 8-bit sRGB and hue, saturation, lightness using channel extrema.
Colour & designRGB ↔ HSL
HSL derives hue from the dominant RGB channel and lightness from the average channel extrema.
Colour & designColour Picker
The native colour picker supplies an sRGB colour; the tool displays HEX, RGB and HSL equivalents.
Colour & designContrast Checker
WCAG 2.x: linearize sRGB at 0.04045, L = 0.2126R + 0.7152G + 0.0722B.
Colour & designGradient Generator
Creates a CSS linear-gradient between two colours at the supplied angle.
Colour & designCSS Box Shadow Generator
CSS box-shadow uses horizontal offset, vertical offset, blur radius, spread radius and colour.
Colour & designBorder Radius Generator
CSS corner order is top-left, top-right, bottom-right, bottom-left.
Colour & design