HEX, RGB, and HSL Color Converter
Move a color between HEX, RGB, and HSL without a design app. Use the picker or type a value, then copy the format your CSS needs.
HEX
RGB
HSL
How to use it
- Pick a color or type a HEX, RGB, or HSL value.
- Check the live swatch and the other formats.
- Copy HEX, RGB, or HSL.
Useful for
- Turn a HEX brand color into RGB
- Copy an HSL value for CSS
- Match a swatch by eye with the picker
Related tools
CSS Flexbox & Grid Generator
Visually craft Flexbox and Grid layouts and export production-ready CSS.
JSON Formatter & Validator
Beautify, minify, validate, and explore JSON with instant error highlighting — 100% in your browser.
JSON Converter
Convert JSON to Laravel arrays, TypeScript interfaces, PHP DTOs, and CSV — privately on-device.
Questions about Color Converter
Which formats can I paste? +
HEX (#RRGGBB), rgb(), and hsl() values.