Color studio
Convert HEX, RGB, and HSL. Build a simple palette.
About Color studio
Express a color in the notation needed by your design tool or code. The palette controls help explore related choices, while the numerical values make those choices reproducible.
Steps, example, and limitations
How to use it
- Enter a supported color value.
- Inspect its HEX, RGB, and HSL representations.
- Copy a value or use the palette controls to explore alternatives.
Example
Input
HEX: #ff0000
Result
RGB: 255, 0, 0 HSL: 0°, 100%, 50%
Things to know
- A color can appear different on different displays and backgrounds.
- Check text contrast separately; an attractive palette is not automatically readable.