Color tools
9 toolsPick, convert, and blend colors, build palettes and shade scales, and check contrast for accessibility. Made for the gap between 'the design says #7C3AED' and every other format your CSS, canvas, or brand guide wants it in.
Like everything on loot.tools, these run entirely in your browser. Free, no account, and nothing you enter leaves the tab.
Which one do you need?
Getting a color in the first place: Color Picker lets you choose one visually and copy it as HEX, RGB, or HSL, Image Color Extractor pulls the main colors out of a photo or screenshot, and Color Name Finder finds the nearest CSS named color for any value you paste.
Turning one color into more colors is its own cluster. Color Palette Generator applies harmony rules (complementary, triadic, and the rest) to build a five-color palette. Color Shades & Tints Generator stretches a single hue into the light-to-dark ramp design systems use, with as many tint and shade steps as you ask for. Color Blender mixes two colors and shows the steps between them, and Color Converter translates any value across HEX, RGB, HSL, HSV, and CMYK.
The two checkers are about accessibility. Color Contrast scores a text and background pair against the WCAG AA and AAA thresholds, and Color Blindness Simulator previews how a palette reads to people with the common color vision deficiencies. Worth running both before a palette ships.