Color Picker

Pick a color and get its HEX, RGB, and HSL codes, plus shades, tints, and harmonies.

Pick a color

HEX

RGB

HSL

Shades & tints

Harmonies

Click any swatch to select it and copy its HEX code.

About this tool

Enter a color as HEX, RGB, or HSL (or use the picker) and all formats update together. Shades mix the color with black, tints mix it with white. Harmonies are built by rotating the hue on the color wheel: complementary (180°), analogous (±30°), triadic (±120°), and split-complementary (±150°).