Shademix
shademix.comCollect image colours and compare nearby colour-system references.
Collect image colours and compare nearby colour-system references.
Find named colours, inspect hex values and explore related shades.
Adjust text and background colours while checking their contrast.
Build colour tools with JavaScript objects, conversions and gamut controls.
Generate a chosen number of shades and copy their values.
Work with colour spaces and colour relationships in Go.
Use colour-science tables with explicit sampling, metadata and citations.
Build an eleven-step scale and export variables for a web project.
Edit a colour system in perceptual coordinates and copy design tokens.
Preview webpage colours through eight simulation modes in Chrome.
Control gradient colour positions and the transitions between them.
Bring an existing set of colours together with a shared tint.
Build CSS gradients while exploring different colour spaces.
Choose colours with saturation scaled to the available RGB range.
Choose numbered shades whose separation indicates minimum contrast.
Choose scientific colour maps to match the structure of your data.
Share colour configurations and transforms across visual production tools.
Advanced media conversion with separate processing profiles
See curated palettes applied to page elements and copy their hex codes.
Convert geographic files and make maps or profiles
Adjust CSS colour pairs and inspect their changing contrast ratio.
Browse compact four-colour combinations with visible hex values
See how a colour pair performs for different text sizes.
Explore job profiles, skills and training information