Generate perceptual tints, tones, and shades in OKLCH from HEX, RGB, HSL, or OKLCH. Copy values and export CSS, JSON, SCSS, and Tailwind.
Loading tool…
Keep exploring
Build complementary, analogous, triadic, tetradic, split-complementary, square, and custom-angle palettes on an interactive wheel. Export CSS, JSON, Tailwind, tokens, SVG, and PNG.
Open toolGenerate palettes like Coolors: full-screen colors, add or delete swatches, lock, download, and share a hex URL.
Open toolFlagship color picker with EyeDropper, HSV/RGB/HSL controls, harmonies, tints & shades, WCAG contrast, favorites, and copy-ready CSS.
Open toolLooking for more? Browse Our Tools.