Color Converter
Enter a color in HEX, RGB, or HSL format to convert it to all other formats. The tool accepts various input formats (#FF5733, rgb(255,87,51), hsl(11,100%,60%)) and outputs all representations. Useful for CSS development, design handoffs, and converting between design tools.
HEX, RGB, or HSL format
advanced options
Auto-detected if empty
returns
- data.hex
- The color as a hex code, like #ff5733.
- data.rgb
- Red, green and blue values, also as rgb_string.
- data.hsl
- Hue, saturation and lightness, also as hsl_string.
- data.input_format
- Format detected in your input: hex, rgb or hsl.
Run it from your code
A temporary key takes one request and lasts seven days at 20 calls a day. Register and it becomes 75 a day, still free.
$ curl -s "https://apixies.io/api/v1/convert-color?color=#3B82F6" \ -H "X-API-Key: $APIXIES_KEY" | jq '.data.hex' "#3b82f6"
questions
What's the difference between HEX and RGB?
They represent the same thing — a color as red, green, and blue channel values. HEX uses hexadecimal notation (#FF5733), while RGB uses decimal values (rgb(255, 87, 51)). They're interchangeable; it's just a notation preference.
When should I use HSL over RGB?
HSL (Hue, Saturation, Lightness) is more intuitive for humans. Want a lighter version? Increase lightness. Want it more muted? Decrease saturation. RGB is better for code and pixel-level work.