ToolNestFree Online Color Converter
Translate colors between formats in real time. Our free color converter turns HEX into RGB, RGB into HEX and HSL, shows a live preview, and checks the WCAG contrast ratio — everything a developer or designer needs when moving colors between code and design tools.
rgb(59, 130, 246)RGB
—HSL
—Contrast vs white
✓ Free forever · ✓ No signup · ✓ Runs in your browser — your data never leaves your device.
How to Use the Color Converter
- Type a HEX code (e.g., #3b82f6) or adjust the R, G, B values.
- All formats update live, with a preview swatch of the color.
- Read off RGB, HEX, and HSL values for your code or design tool.
- Check the contrast ratio to see if text in this color passes WCAG AA on white.
Why Use Our Color Converter?
- HEX ↔ RGB ↔ HSL — convert in any direction, live as you type.
- Live preview — see the color instantly, no guessing.
- Contrast checker — WCAG ratio against white and black for accessible text.
- Copy-ready values — formatted for CSS (rgb(), hsl(), #hex).
Frequently Asked Questions
How do I convert HEX to RGB manually?
Split the hex into three pairs (#3b82f6 → 3b, 82, f6) and convert each from base-16 to decimal: 59, 130, 246 → rgb(59, 130, 246).
What is HSL?
Hue, Saturation, Lightness — a more intuitive way to tweak colors than RGB. Hue is the color angle (0–360°), the rest are percentages.
What contrast ratio do I need for text?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text. This tool shows you the ratio live.
Does it support 3-digit HEX like #fff?
Yes — shorthand hex codes are expanded automatically.
Is it free?
Yes — free forever, no signup, runs in your browser.