Color Tools
Convert and explore color formats.
Color Tools list
HEX to RGB Converter
Convert HEX color codes to RGB and HSL with a live preview.
RGB to HEX Converter
Convert RGB color values to a HEX code, with HSL and a live preview.
HEX to HSL Converter
Convert a HEX color code to HSL, with RGB and a live preview.
HSL to HEX Converter
Convert HSL values to a HEX color code, with RGB and a live preview.
RGB to HSL Converter
Convert RGB color values to HSL, with HEX and a live preview.
HSL to RGB Converter
Convert HSL values to RGB, with HEX and a live preview.
Color Picker
Pick a color and copy it as HEX, RGB or HSL instantly.
CSS Gradient Generator
Build linear and radial CSS gradients visually and copy the code.
About Color Tools
Color tools convert between the formats designers and developers use every day — HEX, RGB and HSL — and help you understand and reuse colors across CSS, design files and code.
Pasting a HEX value and seeing its RGB and HSL equivalents side by side removes guesswork from theming and accessibility work. Everything updates live as you change the input.
These tools pair well with the rest of your front-end workflow. Follow related links to move between conversions and palette helpers.
Frequently asked questions
- What color formats are supported?
- The color tools support HEX, RGB and HSL, the three formats most widely used in CSS and design software.