Design

Color Picker

How to use

Pick, refine, and copy your color formats

Choose a base color with the picker or paste a hex value manually. The tool keeps both inputs in sync and normalizes invalid values back to a safe default.

Use the copy buttons to grab HEX, RGB, or HSL instantly. The live preview helps you judge contrast and mood before you move the color into your project.

Color readout

#0f7a74
rgb(15, 122, 116) hsl(176, 79%, 27%)