Color Palette
Client-Side / Zero Latency
Color Picker
Pick any color on an interactive 2D saturation-brightness canvas and convert instantly between HEX, RGB, HSL, CMYK, and HWB with tint & shade scales.
Loading interactive utility...
Loading Color Picker...
Initializing client-side engine and local calculation state.
Interactive Color Picker & Format Converter
Select, inspect, and convert colors across web and print color spaces with live 2D spectrum picking and automatic 10-step tint and shade generation.
Key Features:
- Interactive 2D Saturation/Value canvas + 360° Hue spectrum bar.
- Bidirectional HEX, RGB, HSL, CMYK, and HWB code conversion.
- Automatic 10-step Tints & Shades ramp for design systems.
- Saved session color history for quick comparison.
How to Use:
- Drag the cursor across the 2D saturation/brightness canvas and Hue slider, or enter a HEX/RGB value directly.
- View real-time conversions in HEX, RGB, HSL, CMYK, and HWB formats.
- Explore the generated 10-step Tints & Shades scale (50 to 900) and click any swatch to copy.
HEX vs RGB vs HSL vs CMYK
HEX and RGB represent additive red-green-blue light values for screens. HSL expresses Hue, Saturation, and Lightness for intuitive human adjustments, while CMYK represents subtractive ink percentages for print.
Frequently Asked Questions:
Tints are created by increasing lightness toward pure white, while shades are created by decreasing lightness toward deep black while preserving the base hue.