Color

Measure the contrast ratio between a text color and background color, checking it against WCAG accessibility standards for readability.

Audit color combinations against accessibility standards, helping you catch difficult-to-read color choices before finalizing a design.

See how a chosen color or palette would appear to someone with different types of color vision deficiency, useful for accessible design.

Generate a full Tailwind CSS shade scale, from 50 to 900, for any base color, matching the structure of Tailwind's default palette.

Visually build a CSS gradient with multiple color stops and a chosen direction, then copy the resulting gradient code for your design.

Select any color visually and instantly get its HEX, RGB, and HSL values, useful for grabbing an exact color value for design or code.

Generate a set of harmonious colors based on color theory rules, such as complementary or analogous relationships, for a cohesive design.

Blend two colors together and preview the full gradient of intermediate shades between them, useful for finding a midpoint color.

Take any HEX value and find the closest matching named color, useful for getting a human-friendly label for a specific shade.

Convert colors between HEX or RGB and CMYK, the color model used in print design, since screen and print colors are represented differently.

Generate a random set of colors, with the option to lock specific swatches you like while regenerating the rest, for design exploration.

Upload an image to automatically extract its dominant colors and generate a reusable, exportable color palette from what's actually in the photo.