Color Picker
Pick or type any colour and get its HEX, RGB, HSL, HSV, OKLCH and CMYK values, contrast against white and black, and a row of tints and shades.
Free · No upload · 100% on your device
How to use Color Picker
- Choose the settings in the side panel.
- The result updates instantly. Select “Show colour” for a fresh one.
- Copy the result or download it.
Private by design. Everything you type, open or record is processed in this browser tab and is never uploaded to KittySuite.
About Color Picker
Use the colour well, type a hex code, or paste any CSS colour such as hsl(180 60% 40%) or a colour name. In Chrome and Edge, “Pick a colour from the screen” samples any pixel on your display. CMYK values are a simple conversion for reference; printers use colour profiles for exact matches.
Everything is calculated in this browser tab and nothing you enter is sent anywhere. It keeps working offline once the page has loaded.
Color Picker: frequently asked questions
How do I get the HEX and RGB code of a colour?
Pick it in the colour well or type any CSS colour. HEX, RGB, HSL, HSV, OKLCH and CMYK values appear at once.
Can I pick a colour from my screen?
Yes, in Chrome and Edge: “Pick a colour from the screen” samples any pixel on your display.
Are the CMYK values exact for printing?
No. They are a simple conversion for reference; printers use colour profiles for exact matches.
What else does it show?
Contrast against white and black and a row of tints and shades of the colour.