Format
Hexadecimal
Standard
CSS3+
Pro Tip
HSL (Hue, Saturation, Lightness) is often preferred by designers for creating color palettes and theme variations.
A color converter is a tool that allows you to translate a color's representation from one mathematical model to another. In web development and design, the most common models are HEX (Hexadecimal), RGB (Red, Green, Blue), and HSL (Hue, Saturation, Lightness). Each serves a different purpose—HEX is standard for HTML/CSS, RGB is based on light emission, and HSL is more intuitive for humans to adjust.
Click the colored box to open your system's native color picker. The values for HEX, RGB, and HSL will update automatically as you move the slider.
Enter a 3 or 6-digit HEX code in the input field. The tool validates your input in real-time and refreshes all conversion formats.
Click the copy icon next to any format to instantly copy the code to your clipboard, ready to be used in your CSS or design software.
Specially picked tools to help you plan better.