Color Picker & Converter
Pick colors and convert HEX ↔ RGB ↔ HSL
Contrast: —
📚 Learn more — how it works, FAQ & guide Click to expand
Learn more — how it works, FAQ & guide
Click to expand
Free color picker & converter — HEX, RGB, HSL, HSV, CMYK
Toololis Color Picker lets you select any color and see it in 5 formats instantly: HEX, RGB, HSL, HSV, and CMYK. Plus WCAG contrast info. Perfect for web developers, designers, and anyone picking brand colors.
How to use this tool
- 1
Pick a color visually
Use the color picker to click any color.
- 2
Edit any format directly
Type in HEX, RGB, or HSL — the others update instantly.
- 3
Copy the value you need
Click any format's copy button to grab just that representation.
When to use which format
- HEX — web/CSS, concise (6 chars). Good for copy-paste.
- RGB / RGBA — web, supports alpha transparency
- HSL / HSLA — easier to tweak — change hue without shifting brightness
- HSV — common in design tools (Figma, Photoshop)
- CMYK — printing — physical ink mixing
Frequently Asked Questions
HEX vs RGB vs HSL?
HEX:
#FF5733 — web-friendly, 6 digits. RGB: rgb(255, 87, 51) — numeric Red/Green/Blue 0-255. HSL: hsl(11, 100%, 60%) — Hue/Saturation/Lightness — easier for designers to tweak.Why use HSL?
Easier to intuitively adjust colors. Change hue without affecting saturation or lightness, or darken without shifting color. Widely used in modern CSS frameworks like Tailwind.
What's the difference between RGB and RGBA?
RGBA adds an alpha channel (transparency).
rgba(255, 0, 0, 0.5) is half-transparent red. HEX equivalent: #FF000080 (8-char HEX with alpha).Why does my monitor show the color differently?
Monitors have different color gamuts and calibration. For exact color matching, use a calibrated monitor and the sRGB color space. For web use, default sRGB is fine.
Is my selected color private?
100%. Everything runs in your browser.
You might also like
🔒
100% Privacy. This tool runs entirely in your browser. Your data is never uploaded to any server.