Color Tools
Essential tools for designers and developers working with colors. Pick and explore colors with HEX, RGB, HSL, HSV and CMYK values, generate beautiful palettes from images or color theory rules, convert between all color formats, check WCAG accessibility contrast ratios, simulate color blindness, extract dominant colors from images, generate shades and tints, mix colors together, find the nearest named color, explore the interactive color wheel, browse all Tailwind CSS color values, and generate random colors with constraints.
Find the closest named color for any HEX or RGB value. Match against standard CSS colors or an extended set of descriptive names with a score.
Blend 2 to 5 colors with RGB, HSL, or LAB modes. Set ratios, preview a gradient, click mix steps, and copy the result in HEX, RGB, and HSL.
Browse, search and copy all 242 Tailwind CSS color values across 22 families. Quick access to class names, HEX, RGB and HSL with favorites and CSS export.
Generate random colors with customizable constraints. Choose from presets like pastel, vivid, or neon, or fine-tune hue, saturation, and lightness ranges.
Pick a base color on an interactive HSL wheel and instantly see harmonious schemes — complementary, analogous, triadic, and more — then copy any HEX value with one click.
Convert colors between HEX, RGB, HSL, HSV, and CMYK instantly, with a live preview, a visual color picker, and one-click copy for every format.
Check the contrast ratio between text and background colors and see instantly whether the pair meets WCAG AA and AAA accessibility standards.
Preview how your images and colors look to people with color vision deficiency. Test for Deuteranopia, Protanopia, Tritanopia, and Achromatopsia in your browser.
Extract dominant colors from any image instantly. Pick colors directly from photos, get HEX, RGB, and HSL values, and export palettes for your design projects.
Generate tints, shades, and tones from any base color. Build consistent color scales for design systems with adjustable steps, then export to CSS, SCSS, Tailwind, or JSON.
Pick and explore colors with a visual picker. Get values in HEX, RGB, HSL, HSV, and CMYK instantly, with an eyedropper, history, and favorites.
Build harmonious color palettes from color theory rules, or extract dominant colors from any image. Copy as CSS, SCSS, Tailwind, JSON, or PNG.