Free color tools for designers and developers
Four tools for the color decisions in real projects: palettes, contrast, color formats and gradients. Each one shows its working, so you can trust the numbers.
Color Palette Generator
Build a color scheme from one color, then lock the swatches you like.
Open the palette generator →Color Contrast Checker
Check WCAG 2.2 contrast ratios and APCA, and get a fix when a pair fails.
Open the contrast checker →Color Converter
One value in, every format out: HEX, RGB, HSL, LAB, LCH, OKLCH and CMYK.
Open the color converter →CSS Gradient Generator
Linear, radial and conic CSS gradients with as many color stops as you need.
Open the gradient generator →
Try it here
Build a palette in a click
Start from today's featured color and shuffle until something clicks. Then take the whole palette into the full generator to lock the swatches you like and export it.
6 of 20 pairs carry body text analogous, spaced in OKLCH base from Marigold
Live, not a screenshot. Click any swatch to copy it.
Start from a curated color palette
Ready to use color palettes with hex codes, each checked for how much of it can actually carry text. Open one in the generator and change whatever you like.
Which color tool do you need?
Start with the palette generator when you have one color and need the rest of the scheme. Reach for the contrast checker the moment text sits on a colored background. Use the converter when a value arrives in the wrong format, and the gradient generator when two colors need to blend without turning muddy.
Built on the same color math
All four tools share one color parser and one set of conversions, and they space colors in OKLCH wherever lightness matters. A hex code copied out of the palette generator gives exactly the same result when you paste it into the contrast checker or the converter.
Free, private and easy to share
There is no account and nothing to install. The colors you enter are kept in the page address and never saved to a database, which is also how sharing works: send someone the link and they see exactly what you see.