Color intelligence guide
Keep your work
Everything is made in your browser, and nothing is uploaded. Each button puts its result on the clipboard, where the browser allows it, and says so in a short message.
| Button | What you get |
|---|---|
| CSS variables | A :root block with one variable per swatch, --color-1 to the last, in upper-case hex, largest share first. |
| Tailwind | A colors block with one color named palette, with shades 100, 200 and so on, one per swatch, largest share first. Paste it into the theme of your Tailwind config. |
| Hex list | The hex codes, one per line, largest share first. |
| Copy image | The picture at the top as a PNG, at the size it is shown, with the vision mode applied. |
The three palette exports hold every swatch, even when there are more than the six the grid shows.
Press a swatch to copy its hex code alone. Press a square under the wheel to copy that harmony hue.
The copied picture is never larger than it is shown: at most 600 pixels wide and 40% of the window's height, and a small picture stays its own size. It is standard range (SDR); nothing here is HDR. There is no file download.