Color Picker Tool

Advanced color selection in multiple formats

Pick colors using RGB, HSL, HEX, and CMYK formats. Extract colors from images, create harmonies, and copy codes instantly.

#8A2BE2

Blue Violet

Color Format

HEX

RGB

HSL

CMYK

Color Picker

HEX Color

HEX:

RGB Color

Red:

Green:

Blue:

Alpha:

HSL Color

Hue:

Saturation:

Lightness:

Alpha:

Color Harmony

Color Libraries

Material Design

Tailwind Colors

CSS Code

/* CSS Color Variables */
:root {
    --primary-color: #8a2be2;
    --primary-rgb: 138, 43, 226;
    --primary-hsl: 271, 76%, 53%;
}

/* Usage Examples */
.element {
    background-color: var(--primary-color);
    color: white;
    border: 2px solid rgba(var(--primary-rgb), 0.5);
}

How to Use This Tool

Pick Color

Use the color picker, enter values in HEX/RGB/HSL, or select from libraries.

View Formats

Switch between HEX, RGB, HSL, and CMYK formats to see color values.

Explore Harmony

See complementary, analogous, and other harmonious colors.

Copy & Use

Copy color codes in your preferred format for use in projects.