Color converter
Pick a color or type a value, and FileTinker converts it between HEX, RGB and HSL in real time. Every field is editable and every value is ready to paste into CSS. It all runs in your browser.
Convert between formats
Jump straight to a specific conversion — each opens its own page ready to go:
How to convert a color
- Pick a color with the swatch, or type a HEX, RGB or HSL value into any field.
- The other formats update instantly as you go.
- Copy the format you need — each value is ready to paste into CSS or a design tool.
About color formats
HEX, RGB and HSL are three notations for the same on-screen colors. HEX (like #3366ff) is compact and common in markup; RGB spells out the red, green and blue channels from 0 to 255; HSL describes hue, saturation and lightness, which is intuitive when you want to build a palette or tweak a shade by feel. Converting between them is everyday work in web and graphic design.
This tool keeps all three in sync as you edit any one of them and gives you a live preview plus a native color picker. Because it runs entirely in your browser, it's instant and private — handy for matching brand colors, building CSS variables or sampling a shade on the fly.
Frequently asked questions
How do I convert HEX to RGB or HSL?
Type or paste a HEX value (or pick a color with the swatch) and the RGB and HSL fields update instantly. Every field works both ways, so you can start from any format and read off the others. Copy whichever one you need.
What's the difference between HEX, RGB and HSL?
They describe the same color in different ways. HEX and RGB both set red, green and blue amounts (HEX in hexadecimal, RGB in 0–255 numbers). HSL instead uses hue, saturation and lightness, which makes it easier to nudge a color lighter, darker or more muted by hand.
Are the values ready to use in CSS?
Yes. The HEX, rgb(...) and hsl(...) values are written exactly as CSS expects, so you can paste any of them straight into a stylesheet or a design tool.
Is anything uploaded?
No. All the conversion maths runs in your browser; nothing is sent anywhere.