Leonardo
leonardocolor.ioGenerate interface themes from target contrast ratios and colour scales.
Generate interface themes from target contrast ratios and colour scales.
Convert and interpolate colours through an extensible Python object.
Choose colours with saturation scaled to the available RGB range.
Map twelve-step colour scales to interface roles and light or dark themes.
Material 3 interface controls built as web components
Change a colour matrix and see how it transforms an image.
Turn recordings into captioned clips with transcripts, highlights and publishing.
Shared foundations, tokens and patterns for collaborative products
Turn three RGB channel values into a hexadecimal colour code.
Create related palettes and CSS gradients from existing colour values.
Edit colour stops and transparency while viewing the resulting CSS
Adjust CSS colour pairs and inspect their changing contrast ratio.
Compare a text and background pair with editable colour values.
Browse compact four-colour combinations with visible hex values
Inspect colour codes, build harmonies and extract palettes from images.
Compose linear, radial or conic gradients and copy the CSS.
Named gradient references with colour values and a companion Chrome tool
Browse curated palettes by colour, mood, season and popularity.
Build palettes from community choices and carry their credits into exports.
Scalable vector scribbles for drawn accents and visual texture
Check colour pairs, sample an image and collect results for a PDF.
Build colour harmonies and carry their swatches into Adobe projects.
Choose a starting colour and explore a related scheme.
New contemporary art and artist-focused features