Color Picker V2
ColorPick any color visually and get HEX, RGB, HSL, HSV, and CMYK values instantly.
Contrast with white
How to use the Color Picker V2
Color Picker V2 works instantly in your browser. Enter a color value in any format โ HEX, RGB, HSL, or a named color โ and see the equivalent values across all formats immediately.
Why use the Color Picker V2
Color Picker V2 works instantly in your browser without installing design software. Enter any color and see conversions, palettes, and values update in real time โ all locally.
When to use Color Picker V2
Use Color Picker V2 when you are translating a design mockup into code and need to convert colour values between the formats your CSS framework expects. A designer hands you HEX values but your Tailwind configuration works with HSL โ paste the colour, get both formats instantly, copy the one you need.
Key features of Color Picker V2
Color Picker V2 gives you every colour format at once โ HEX, RGB, HSL โ with accurate WCAG contrast checks against light and dark backgrounds. Pick a colour visually or type a value, and all representations update simultaneously for instant comparison.
Common use cases for Color Picker V2
Color Picker V2 is used when: a frontend developer converts the HEX values from a Figma design file into HSL for a Tailwind CSS configuration; a designer checks whether light text on a coloured background meets WCAG AA accessibility standards; and a branding manager documents the exact RGB equivalents of a company's HEX brand palette for print use.