Precision color instruments, from HEX to OKLCH.
A working color & design suite built on real color science (sRGB · D65) — convert every format, check WCAG contrast, build perceptually-even scales, generate palettes and measure ΔE distance. All in-browser, no signup.
Multi-Format Color Converter
HEX · RGB · HSL · CMYK · LAB · LCH · OKLCH at once, live — with WCAG contrast, luminance and a tint/shade ramp.
OpenAccessibility Color Checker
Test text/background pairs against WCAG AA/AAA contrast, with a one-click OKLCH fix and color-blind-aware guidance.
OpenColor Scale Generator
Perceptually-even 50–950 shade scales from one base color, OKLCH-correct, with CSS export.
OpenColor Palette Generator
Designer-grade complementary, triadic, tetradic & more — harmonies generated in OKLCH with a live preview.
OpenGradient Palette Creator
Linear, radial & conic multi-stop gradients with a live preview and production CSS export.
OpenColor Distance (ΔE)
Perceptual color difference via CIEDE2000, ΔE76 & OKLab — the print & brand-matching standard.
OpenColor Blind Simulator
Preview palettes through deuteranopia, protanopia & tritanopia, with a confusable-pair warning.
OpenImage Color Extractor
Pull a ranked palette of dominant & accent colors from any image — 100% in-browser, never uploaded.
OpenDesign Token Generator
Brand colors → full OKLCH token system with light/dark semantic aliases, CSS & JSON export.
OpenCSS Color Code Generator
Custom properties, color-mix() states, relative color & OKLCH-with-fallback — shippable CSS from one color.
OpenOne color, every notation — web, print and the modern perceptual spaces.
Real WCAG contrast and luminance, AA/AAA, before you ship.
Perceptually-even scales, tokens and palettes from a single base.
ΔE distance in LAB/OKLab — the print and brand-tolerance standard.