Color Picker

Pick any color — get HEX, RGB, HSL, HSV values instantly

Color Picker

Preview

Extract Palette from Image

WCAG Contrast Checker

Text color

Background color

Color Values

HEX

RGB

HSL

HSV

CSS

Gradient Generator

Start Color

End Color

Type Angle 90°

Color Blindness Simulation

Protanopia

Deuteranopia

Tritanopia

Shows how your currently selected color appears to people with common forms of color vision deficiency.

Shades & Tints

Tailwind CSS Colors

Material Design Colors

Recent Colors

Frequently Asked Questions

How do I convert HEX to RGB or HSL?

Paste a HEX code (or pick a color) and the RGB, HSL, HSV and CSS values update instantly — no conversion button needed.

Can I pick a color from anywhere on my screen?

Yes — in Chromium-based browsers, click 'Pick color from screen' to sample any pixel on your display using the native EyeDropper tool.

Can I check if my text color has enough contrast?

Yes, use the built-in WCAG contrast checker to see the contrast ratio and AA/AAA pass or fail status for any text/background pair.

Looking for more tools? View all apps on vermels.com →