Color Tools
15 tools
Blend two colors and generate a palette of the in-between HEX shades — perfect for gradients and transitions.
Add opacity to a HEX color and get the 8-digit HEX (#rrggbbaa) and rgba() value, with a live swatch.
Pick any color and instantly get its HEX, RGB and HSL values, with preset swatches and a live preview.
Generate random color palettes with one click and copy each HEX code — great for design and inspiration.
Upload an image and extract its dominant colors. Copy HEX/RGB. Runs entirely in your browser, no upload.
Convert between HEX, RGB, HSL, HSV, CMYK color codes
Create CSS gradients with live preview
Generate shades, tints and complementary colors from one color
Calculate WCAG color contrast ratio (AA/AAA compliance)
WCAG accessibility contrast ratio
HEX, RGB, HSL, HWB color conversion
Browse and copy all Tailwind CSS colors
Multi-stop linear, radial, conic gradients
Convert screen colors to print (CMYK)
Generate tints and shades from a color
