Color Converter
Use the picker, or edit any field below — all formats stay in sync.
Convert between HEX, RGB, and HSL with a live preview swatch | 100% Private
Edit HEX, RGB, or HSL and the other two update automatically.
See exactly what the color looks like as you type or pick.
Use your browser's native color picker for effortless selection.
All conversion happens locally in your browser. Nothing is ever uploaded.
HEX codes (like #0f766e) are the most common way to specify colors in CSS and design tools. RGB expresses a color as red, green, and blue intensity values from 0-255. HSL (Hue, Saturation, Lightness) is often more intuitive for adjusting a color's brightness or vibrancy without changing its base hue.
Type a value into any of the three fields, or use the color picker, and the preview swatch plus the other two formats update instantly. Click the Copy button next to any format to copy it straight to your clipboard for use in code or design tools.
No. All color conversion happens entirely in your browser using JavaScript. Nothing is sent to any server.
You can convert freely between HEX (e.g. #0f766e), RGB (e.g. rgb(15, 118, 110)), and HSL (e.g. hsl(175, 78%, 26%)). Editing any one field instantly updates the others.
Yes. Use the built-in color picker (powered by your browser's native input type="color") to visually choose a color, and all three formats update automatically.
Yes, shorthand 3-digit HEX codes (like #0fe) are expanded automatically, and 8-digit HEX with an alpha channel is accepted for parsing (the alpha channel itself is not currently displayed separately).
Yes, each format (HEX, RGB, HSL) has its own Copy button to copy that specific value to your clipboard.