Colour Picker & Converter
Pick any colour visually and instantly convert between HEX, RGB, HSL and HSV formats. Click any value to copy it.
Colour Picker
HEX
#2563eb
Click to copy
RGB
rgb(37, 99, 235)
Click to copy
HSL
hsl(221, 83%, 53%)
Click to copy
HSV
hsv(221, 84%, 92%)
Click to copy
Tints & Shades
Quick Colours
About the Colour Picker & Converter
Colour formats are used differently across CSS, design tools, and programming environments. HEX is the most common web format, RGB is used in CSS and image editing, HSL (Hue, Saturation, Lightness) is useful for programmatic colour manipulation, and HSV (Hue, Saturation, Value) is the native format of many design applications.
Colour Formats Explained
- HEX: A 6-digit hexadecimal code like
#2563eb. Used universally in HTML and CSS. - RGB: Red, Green, Blue values (0–255). Used in CSS as
rgb(37, 99, 235). - HSL: Hue (0–360°), Saturation (0–100%), Lightness (0–100%). Intuitive for adjustments.
- HSV: Hue, Saturation, Value — common in design tools like Photoshop and Figma.
Contrast Checker
The contrast checker calculates the WCAG 2.1 contrast ratio between the selected colour and a background. A ratio of 4.5:1 or higher is required for AA compliance for normal text.