Overview

A tool for converting between color code formats including HEX, RGB, and HSL. Quickly transform color values needed for web design, app development, and graphic work.

Formula

HEX to RGB: Convert each pair of hex digits to decimal (e.g., #FF8800 → R=255, G=136, B=0). RGB to HSL: Normalize R, G, B to 0–1, find max and min, then H = hue angle (0–360), S = (max−min)/(1−|2L−1|), L = (max+min)/2. HSL to RGB: Divide H into 60° sectors, calculate C = (1−|2L−1|)×S, X = C×(1−|H/60 mod 2 − 1|), map to RGB, then add m = L − C/2.

How to Use

1. 1Select the color format you want to convert (HEX, RGB, or HSL).
2. 2Enter the color value (e.g., #3498DB or R:52 G:152 B:219).
3. 3The converted values in other formats are displayed automatically.
4. 4Copy the desired color code for use in your project.

Tips

• ✔HEX codes can be written in 6-digit or 3-digit shorthand with a '#' prefix.
• ✔RGB values range from 0 to 255 for each channel.
• ✔HSL uses H (0–360°), S (0–100%), and L (0–100%).
• ✔Use rgba() in CSS to specify transparency (alpha channel) along with color.
• ✔HSL is great for building design systems since adjusting brightness and saturation is intuitive.

FAQ