Colour Tools: Palettes, Shades, Mixing and Contrast
Colour tools for designers and developers. Build a palette, create tints and shades of a brand colour, mix colours in different colour spaces and check text contrast against the accessibility guidelines.
Each tool shows HEX, RGB and HSL values, ready to copy.
Colour Palette GeneratorBuild a matching colour palette from one base colour, then copy the codes or export CSS variables.Colour Contrast CheckerCheck the contrast ratio between two colours against WCAG 2.2 and get a nearby colour that passes.Colour Shades GeneratorTurn one colour into eleven tints and shades from 50 to 950, with contrast scores for text.Colour MixerMix two colours in any proportion, see the steps between them and copy the colour-mix() code.Text on Image Legibility CheckerCheck whether text stays readable over a photo, and how dark an overlay it needs.Colour Name FinderFind the closest of the 148 named CSS colours to any hex code, or look names up by their letters.
No tool matches that. Try a shorter word.