COLORBASE
Color intelligence
Build complementary, analogous, triadic, tetradic, split-complementary, square, and custom-angle palettes on an interactive wheel. Export CSS, JSON, Tailwind, tokens, SVG, and PNG.
Loading studio…
THE NEXT STEP IN YOUR WORKFLOW
Interactive color wheel with a lightness ring, locked harmony chords, and copy-ready palettes — complementary, analogous, triadic, tetradic, square, and more.
Generate perceptual tints, tones, and shades in OKLCH from HEX, RGB, HSL, or OKLCH. Copy values and export CSS, JSON, SCSS, and Tailwind.
Build a color palette with harmony generation, locked swatches, undo, reordering, local saves, and CSS or image exports. Preview your palette as a UI theme.
Looking for more? Browse Our Tools.