Color & Design
Color & design helpers.
Convert between color formats with a live swatch — build and check design tokens without leaving the browser.
Color Converter
NewHEX · RGB · HSL, live swatch.
Runs in your browser · no upload
Contrast Checker
NewWCAG ratio, AA & AAA.
Runs in your browser · no upload
Gradient Generator
NewCSS gradients, live preview.
Runs in your browser · no upload
Tints & Shades
NewA lightness scale from a colour.
Runs in your browser · no upload
Color Mixer
NewBlend two colours.
Runs in your browser · no upload
HEX to RGBA
NewAdd alpha, get rgba() & hex8.
Runs in your browser · no upload
Named Colors
NewCSS named colours with hex.
Runs in your browser · no upload
Color Harmonies
NewComplementary, triadic & more.
Runs in your browser · no upload
HEX to CMYK
NewConvert a hex colour to CMYK.
Runs in your browser · no upload
Box Shadow Generator
NewBuild a CSS box-shadow visually.
Runs in your browser · no upload
Border Radius Generator
NewBuild a CSS border-radius visually.
Runs in your browser · no upload
FAQ
- Do these run in my browser?
- Yes — the colour tools compute locally with the Canvas and Web APIs; nothing is uploaded.
- What contrast ratio do I need?
- WCAG asks for at least 4.5:1 for normal text and 3:1 for large text (AA); AAA is 7:1 and 4.5:1.