Shademix
shademix.comCollect image colours and compare nearby colour-system references.
Collect image colours and compare nearby colour-system references.
Derive page backgrounds and gradients from the images they surround.
Adjust text and background colours while checking their contrast.
Pick a physical screen pixel and paste a colour value in your code style
Duotone SVG icons with packages for web and native interfaces.
Gradient and outline illustrations with adjustable colours
Vector scenes and character builders with collection-specific licences
Shape and colour patterns with vector export and attribution-based reuse
Preview colours and typography on a sample site, then export them.
Check text and interface contrast with transparency and lightness controls.
Connect browser colour picking with shareable palettes and scales.
Work with colour spaces and colour relationships in Go.
Explore photograph-based palettes with copyable hex colours and related combinations.
Use the Mac colour panel with shortcuts, recent colours and palette export
Compare colour references, build complements and convert colour data.
Find device and logo mockups with editable layers and effects.
Let users choose from a visible set of colours with one click.
Browse named web colours, related swatches and downloadable colour icons.
Browse named CSS colours beside their values and aliases.
Build colour scales around shared lightness levels and contrast checks.
Related illustration families with editable SVG and ready-to-place PNG files
See curated palettes applied to page elements and copy their hex codes.
See how a colour pair performs for different text sizes.
Five-colour palettes drawn from named paintings and their artists