All guides
How to convert colors (HEX, RGB, HSL)
Convert color values between HEX, RGB, and HSL with Toolora’s Color Converter.
Supported formats
Paste a HEX value like #FF5733, an RGB value like rgb(255, 87, 51), or an HSL value like hsl(14, 100%, 60%). Compact RGB triples such as 255, 87, 51 also work.
Steps
1) Open Color Converter. 2) Paste any supported color. 3) Click Run. 4) Copy the HEX, RGB, or HSL line you need.
Design tip
Use HEX in CSS variables, RGB when you need channel math, and HSL when adjusting hue or lightness feels clearer.