Leonardo
leonardocolor.ioGenerate interface themes from target contrast ratios and colour scales.
Generate interface themes from target contrast ratios and colour scales.
Extract image palettes with sampling, crop and colour-space controls.
Use named colour levels across interface code and design swatches.
Compare colour pairs interactively or check a complete palette in code.
Build colour scales and preview their roles in interface layouts.
Add a jQuery colour control with palettes, transparency and saved choices.
Change a colour matrix and see how it transforms an image.
Explore named colours and turn selected values into gradient steps.
See how traditional Sass colour adjustments transform a starting swatch.
Search palette ideas by theme or hex value and export the colours
Workout planning and logging with set notes and charts
Edit colour stops and transparency while viewing the resulting CSS
Cycle through palettes with adjustable hue, lightness and interpolation.
AI icon generator that turns short text prompts into app icons in under a minute.
View text contrast through different vision and lighting simulations.
Compare a text and background pair with editable colour values.
Attach a dependency-free colour popup to a page element.
Inspect a full-screen colour-vision simulation across applications.
Create colourful background images from several visual generators.
Workout logging with routine planning and optional social activity
Render product designs with CAD links, materials, lighting and animation
Measure a display, create its colour profile and verify the result.
Design and assess palettes using hue, chroma and luminance.
Choose map colours by data type and export reusable schemes.