Colour Picker Wheel
Pick a colour on a real HSV wheel, then read it as HEX, RGB, HSL, OKLCH, CSS or Tailwind — with harmonies, colour-blindness previews and WCAG contrast.
Values
HEX
#4F46E5
RGB
rgb(79 70 229)
HSL
hsl(243 75% 59%)
OKLCH
oklch(51.1% 0.230 277)
CSS
color: #4F46E5;
Tailwind
bg-[#4F46E5]
Tailwind name is the nearest palette shade and may not match exactly — the arbitrary value bg-[#4F46E5] is always exact.
Contrast (WCAG)
White text on colour
6.29:1
Black text on colour
3.34:1
AA needs 4.5:1 for body text (3:1 for large text); AAA needs 7:1. Relative luminance of your colour: 0.1170.
Harmonies
Complementary
Split complementary
Analogous
Triadic
Tetradic
Square
Monochromatic
Colour-blindness simulation
Protanopia
#0067EA
Deuteranopia
#0059E2
Tritanopia
#007190
Achromatopsia
#606060
Simulated with the standard linear-RGB transformation matrices — a guide, not a medical assessment.
About this tool
An interactive HSV colour wheel with a hue ring and a saturation/value area drawn on canvas, switchable to a square selector, plus sliders, a hex field and an eyedropper where the browser supports the EyeDropper API. It generates seven harmony sets, simulates four types of colour blindness and checks WCAG contrast against black and white, and every value can be copied as HEX, RGB, HSL, OKLCH, CSS or Tailwind. All of it runs in your browser.
- 100% free — no account needed
- Runs in your browser
- Nothing is uploaded
Frequently asked questions
Is Colour Picker Wheel really free?
Yes. Colour Picker Wheel is completely free on PureBrowser — every feature, with no account, no trial, and no credit card.
Does Colour Picker Wheel upload my data?
No. Colour Picker Wheel runs entirely inside your browser, so anything you type, paste, or open stays on your own device.
Do I need to sign up or install anything?
Neither. There is no account and nothing to download — open the page and Colour Picker Wheel is ready to use on desktop or mobile.
Does Colour Picker Wheel work offline?
Once the page has loaded, yes. All of the processing happens locally in your browser, so it keeps working without a connection.