Female Tools  ·  Color Picker

Color Picker

Pick any color and instantly see it in all formats — HEX, RGB, HSL, HSB, CMYK. Explore tints, shades, and harmony colors.

This color picker lets you choose a color with the native picker or by typing a HEX code, then instantly view it converted into RGB, HSL, HSB, and CMYK, with a one-click copy button next to each format. Beyond raw conversion, it generates a full set of related colors: a complementary color on the opposite side of the color wheel, five tints and five shades of the current color, and triadic and analogous harmony sets, all clickable to make them the active color. It is a practical reference for designers building a palette, developers matching brand colors in CSS, and digital artists exploring color relationships. Favorite colors can be saved to a persistent palette stored in your browser's local storage, so you can build up a personal swatch library over repeated sessions without creating an account.

#
HEX—
RGB—
HSL—
HSB—
CMYK—
Saved Colors

Complementary

Tints (lighter)

Shades (darker)

Triadic

Analogous

Frequently Asked Questions

Enter your HEX code (e.g. #a855f7). The Color Picker instantly shows RGB (168, 85, 247), HSL, and CMYK equivalents.

The Color Picker generates a full range of shades (darker) and tints (lighter) from any base color — useful for design systems and CSS variables.