100% in-browser
Color Tools
Free color tools for designers and developers — convert between HEX, RGB, HSL, CMYK, HSV and more, build harmonious palettes, check WCAG contrast, mix and shade colors, and find the nearest named color.
◑
Color Palette Generator
Generate complementary, analogous, triadic and tetradic palettes from any base color.
◐Color Contrast Checker
Check the WCAG contrast ratio between a text and background color with AA/AAA results.
◓Color Mixer
Blend two colors at an adjustable ratio and get the resulting hex value.
▦Color Shades & Tints
Generate a range of lighter tints and darker shades from any base color.
🎨CSS Named Colors
Browse and search the 140+ CSS named colors with their hex values.
⚂Random Color Generator
Generate a random color and view it as HEX, RGB and HSL.
◔Color Blindness Simulator
Simulate how a color appears with protanopia, deuteranopia and tritanopia.
#αHEX ⇄ RGBA
Convert between HEX color codes with alpha and rgba() notation, with a live preview.
#?CSS Color Formats
Show one color in every CSS format: hex, rgb(), hsl() and hwb().
twTailwind Palette Generator
Generate a Tailwind-style 50–950 shade scale from any base color.
🖼◑Image Color Extractor
Extract the dominant colors from an uploaded image as hex swatches.
◐◑Duotone Generator
Create a two-color duotone gradient with copyable CSS.
cmykCMYK to RGB Converter
Convert colors between CMYK and RGB/HEX with a live swatch.
hsvHSV / HSB Converter
Convert colors between HSV/HSB and RGB/HEX with a live swatch.
◑?Nearest Named Color
Find the closest CSS named colors to any color you pick.
#abcColor from Text
Generate a deterministic color from any string of text.