Color Converter & Picker
Convert colors between HEX, RGB and HSL online, with live swatch preview, contrast hints and the native eyedropper.
Frequently asked questions
- How do I convert HEX to RGB or HSL?
- Paste any HEX, RGB or HSL value into the input — all other formats update instantly in the same panel. Click any value to copy it.
- What does the contrast hint mean?
- It shows whether black or white text stays readable on that color (WCAG contrast ratio). Use it before picking text colors on buttons or badges.
- Can I pick a color from the screen?
- On browsers that support the EyeDropper API the picker button captures any on-screen color; otherwise use the native color input.
How to use
Enter HEX (#16a34a) or RGB (rgb(22,163,74)) — all formats update live. The picker button uses the browser's native EyeDropper API (Chrome/Edge).