Explore conversions, harmonies, and palettes with a precise color picker.
Drive the entire sandbox from one hue + sat/light target.
Selected Color
Picking a color here updates RGB, HSL, and Oklch panels below.
Usage: Best for screens, hex, and UI tokens.
Transitions: RGB transitions can feel uneven.
Gamut: RGB stays inside sRGB limits.
Usage: Great for human-friendly tuning.
Transitions: Hue transitions can be smoother.
Gamut: Still limited to sRGB.
Target: Match this swatch:
HDR: Example oklch(80% 0.3 300)
P3: Example color(display-p3 0.4 0.9 0.2)