← All tools

Pick a color code, convert it, check the contrast.

Pick a color or type its code to see the HEX, RGB and HSL values at once and get a palette. Everything is computed in your browser and nothing is sent to a server.

Type HEX (#3b82f6), rgb(), hsl() or a color name (blue). Click any swatch below to select that color.

Tints and shades

Complementary color

Analogous colors

Triadic harmony

Related guide

Related tools