Color Picker
Professional color picker with HSB canvas, 6 output formats, color harmonies, accessibility checking, and color blindness simulation.
Formats
Contrast
Nearest Tailwind
Color Harmonies
Tints & Shades
Color Blind Simulation
Professional Online Color Picker
Kulr's color picker uses the HSB (Hue, Saturation, Brightness) model — the same color model used by Photoshop, Figma, and Sketch. This gives designers intuitive control: drag right for more saturation, drag up for more brightness. It's how professional tools work.
Get your color in six formats instantly: HEX, RGB, HSL, HSB, CMYK (for print), and HWB. Every format is one click to copy. The harmony panel visualizes complementary, analogous, triadic, split-complementary, and tetradic relationships on an interactive color wheel.
Check accessibility with built-in WCAG contrast ratios against white and black backgrounds. See how your color appears to people with color vision deficiencies — protanopia, deuteranopia, tritanopia, and achromatopsia. Find the nearest Tailwind CSS utility class automatically.
The EyeDropper tool (Chrome/Edge) lets you pick any color from your screen — from other websites, desktop apps, or images. Everything runs in your browser. No data leaves your device.