Color picker and converter for web designers with one-click copy of CSS color codes.
What is the Color Converter?
A quick color picker and converter for web design. Pick any color or paste a code to get its HEX, RGB and HSL values, plus a row of lighter tints and darker shades you can copy for your CSS.
How to use the Color Converter
- Choose a color with the picker, or type a HEX, RGB or HSL code.
- Click any code to copy it.
- Click a tint or shade to use that color instead.
Frequently asked questions
How do I convert HEX to RGB?
Each pair of HEX digits is one color channel in base 16. For example #6366F1 = rgb(99, 102, 241).
What is HSL?
Hue, Saturation and Lightness – an easy way to make a color lighter or darker by changing one number.
This color converter is 100% free, needs no signup and runs in your browser, so your data stays private.
Last updated: · By NodifyTech