Two to five colors for the wheel schemes and ten steps for each ramp scheme, computed from a single base color in one pass.
The CSS action writes --color-1 through --color-N, ready to paste into a stylesheet or a design token file.
Copy JSON gives an array of objects with hex, rgb and hsl for every swatch, so a script or a theme file can consume it directly.
Every wheel scheme rotates the hue channel only, and a grey has zero saturation, so rotating its hue returns the same grey. Pick a base with saturation above roughly 40% before you judge a scheme. For greys, shades and tints still work because they change lightness rather than hue.
One row of color blocks at 200 pixels each, 200 pixels of solid color plus a 60 pixel strip under it with the hex codes, so the file is 2000 by 260 pixels for a ten color palette. It opens at full size in any editor and is meant as a reference sheet, not as a tileable asset.
No. There is no signup, no palette history and no storage. The palette exists in the page state until you reload, which is why the CSS and JSON exports exist — copy them before you close the tab.
Yes. The colors are generated from your own input by a hue rotation, so there is nothing to license. Check contrast before you ship though: a palette that looks balanced on screen can still fail a 4.5:1 text contrast ratio, and this tool does not calculate contrast for you.
Start with analogous when you want a calm, single-family look — five hues within 40 degrees of the base stay readable next to each other. Use complementary or split-complementary when you need a strong accent for buttons and calls to action. Tetradic, square and double split-complementary give four colors to separate, so plan one as the dominant and keep the rest for accents.
Complementary is the base plus the hue at 180 degrees. Triadic rotates 120 and 240 degrees. Analogous sits at minus 40, minus 20, base, plus 20 and plus 40. Split-complementary uses 150 and 210. Tetradic is a rectangle at 0, 60, 180 and 240, and square uses 0, 90, 180 and 270. Saturation and lightness are kept from the base color in every case.
Tints step the base toward white by raising lightness while the hue stays put. Shades step it toward black by lowering lightness. Tones lower saturation at the base lightness, which mutes a color without making it darker or lighter. Ten steps of each are generated, so you get a usable ramp instead of a single variant.
Fourteen color schemes, 75 positions, CSS and JSON export, and a PNG strip — all in the browser.