Because OKLCH lightness is perceptually uniform, two colors with the same L look equally light even with different hues, which is not true in HSL, where yellow and blue at 50% lightness look wildly different. That makes OKLCH ideal for generating accessible scales and dark mode variants. All modern browsers support oklch() in CSS.
Private by design
PaletteKit has no server-side processing. Colors, palettes and images stay in your browser; saved palettes live in local storage on this device only.
Popular palettes
Frequently asked questions
What do the three OKLCH numbers mean?
L is lightness from 0% to 100%, C is chroma (how colorful, roughly 0 to 0.37 for screens) and H is the hue angle in degrees.
Is PaletteKit free?
Yes. Every tool is free with no account, no watermark and no sign-up. Copy codes and download exports as often as you like.
Are my images and colours uploaded anywhere?
No. Everything runs in your browser. Photos you extract colours from and palettes you save never leave your device.
Can I use the colours commercially?
Yes. Colours and colour codes cannot be owned by us, and anything you create is yours to use in client work, apps, print and branding.