Color Cards
Generate colour swatch cards by family with values and contrast previews. Copy HEX, RGB or HSL in one click — handy for design and teaching.
Processed server-side
Real-time
Base color
Cards
10
41224
One hue, evenly spaced from light to dark; text flips automatically for contrast.
Swatches
About this tool
Generate colour swatch cards by family with values and contrast previews. Copy HEX, RGB or HSL in one click — handy for design and teaching.
How to use
- Fill in the input box above, or click "Fill sample" to try it instantly
- Adjust the options as needed — results update as you type
- Click "Run" to get the result, then copy or export it in one click
Tips
- Processed on the server; uploaded files are deleted immediately afterwards and never retained
- Completely free, no registration, no usage limits