Color Converter
① Design / Assets
What it is: Convert colors between HEX (#ff0000), RGB, HSL and more, and preview them.
When to use: When a design gives you a color in one format but your code needs another.
Tint / shade scale (click to copy)
Everything runs locally in your browser — nothing is uploaded.
FAQ
What's the difference between HEX, RGB and HSL?
They're just different ways to write the same color: HEX like #ff0000 is common in CSS; RGB uses red/green/blue channels; HSL uses hue/saturation/lightness, which is more intuitive for adjusting shades.