~/tools / Color Converter
Color Converter
Convert colors between HEX, RGB, and HSL. You can also pick a color with the color picker.
Useful when a design handoff gives you a HEX value but you want to tweak lightness in HSL in your CSS — quickly convert between color notations while implementing.
# Use Cases
- Converting a HEX value from a design handoff into HSL so you can tweak lightness/saturation in CSS
- Converting an RGB value from another tool into a HEX code you can paste straight into CSS
- Picking a color visually while checking multiple notations at once
# Usage
- Enter a HEX code (e.g. #2563eb) or pick a color with the color picker.
- The equivalent RGB and HSL values are shown automatically.
- HEX
- #2563eb
- RGB
- rgb(37, 99, 235)
- HSL
- hsl(221, 83%, 53%)
# FAQ
- Does it support shorthand 3-digit HEX (e.g. #fff)?
- Yes. Shorthand codes like #fff are automatically expanded to the full 6-digit form (#ffffff).
# Related
# Learn more on our sister sites
- Colors in CSS
HEX, RGB and named colors — prodou.net
- Learn HTML/CSS
Learn by running it in your browser — prodou.net