How to Use
What is color conversion?
Colors can be described in many formats: HEX, RGB and HSL. Converting between them helps when moving values between CSS, design tools and code.
How to use it
1. Enter a color in HEX, RGB or HSL format.
2. DevToolBox instantly converts it to the other formats.
3. A live preview swatch shows the resulting color.
Format examples
- HEX: #3b82f6 or shorthand #38f
- RGB: rgb(59, 130, 246) or space-separated rgb(59 130 246)
- HSL: hsl(217, 91%, 60%) or hsl(217 91% 60%)
Tips
- HEX is common in CSS and design tools.
- RGB maps to color functions and canvas APIs.
- HSL is intuitive for adjusting lightness and saturation.
Privacy
All conversions are computed locally in your browser.