⚡ HEX, RGB, HSL, CMYK & WCAG

Color Picker & Palette Generator

Pick colors and instantly convert between HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK. Generate color palettes, check WCAG contrast ratios, and find Tailwind CSS color names.

Picker & Opacity

History

No history yet

Nearest Tailwind Color

violet-500

Color Conversions

HEX
#8B5CF6
HEX (Alpha)
#8B5CF6
RGB
rgb(139, 92, 246)
RGBA
rgba(139, 92, 246, 1)
HSL
hsl(258, 90%, 66%)
HSLA
hsla(258, 90%, 66%, 1)
HSV
hsv(258, 63%, 96%)
CMYK
cmyk(43%, 63%, 0%, 4%)
CSS Variable
--color-primary: #8b5cf6;

WCAG Contrast Checker

Contrast with White
4.23:1
Normal TextFail
Large TextPass (AA)
Contrast with Black
4.96:1
Normal TextPass (AA)
Large TextPass (AA)

Palette Generator

Tints (Lighter)
Shades (Darker)
Complementary
Analogous

Related Tools

More tools in this category that you might find useful.

View All
POPULAR
JSON Formatter

Beautify, validate, minify, and inspect JSON structures.

Use Tool
JWT Decoder

Decode JWT headers, payload JSON, check expiration and signature status.

Use Tool
UUID Generator

Generate single or bulk v4/v1 UUIDs with copy options.

Use Tool

How to use HEX & RGB Color Picker

1

Use the visual palette to select a color.

2

Instantly copy the HEX, RGB, or HSL values for your CSS.

Why use our HEX & RGB Color Picker?

Format Conversion

Automatically translates colors between HEX (#FFFFFF) and RGB (255, 255, 255).

100% Secure & Private

All processing happens in your browser. Your files are never uploaded to our servers, guaranteeing absolute privacy and security.

Lightning Fast

Because everything runs locally on your device, processing is instant. No waiting in queues or dealing with slow uploads.

Frequently Asked Questions

What is HSL?

HSL stands for Hue, Saturation, and Lightness. It is often easier for developers to adjust programmatically than RGB.