Color Picker & HEX Converter
Pick colors or convert between HEX, RGB, and HSL with an integrated palette and preview, practical for designers, developers, and creative projects.
Your inputs are processed in your browser and are not transmitted to our servers. Note: third-party resources (e.g. advertising and analytics from Google/Cloudflare) and an optional PayPal donation link may transfer data when loading or when clicked. Browser extensions or plugins may be able to read content that is visible in the input fields.
The result will appear here …
How to use this tool (video)
This video is hosted on YouTube. When you play it, data may be sent to Google.
Color Picker and Converter: Understand HEX, RGB, and HSL
HEX, RGB, and HSL are the most common ways to describe colors on the web. This color tool converts between all three formats and helps developers and designers choose consistent palettes.
HEX, RGB, and HSL
HEX is compact and widely supported in CSS. RGB describes red, green, and blue light values. HSL describes hue, saturation, and lightness, which makes it convenient for adjusting a color by eye.
Frequently asked questions
Which color formats can I convert?
The tool converts between HEX, RGB and HSL and shows you all three notations of a color at the same time.
What does a HEX color mean?
HEX is the compact notation used in HTML and CSS, for example #3366FF. The first two characters stand for red, followed by green and blue.
What is the difference between RGB and HSL?
RGB describes the light components red, green and blue with values from 0 to 255. HSL describes hue, saturation and lightness, which is more intuitive to adjust.
Can I pick a color directly?
Yes. You can choose a color with the color picker or enter a HEX value and instantly get RGB and HSL as matching values.
How do I use a color value in my project?
Click on the notation you want and it is copied to your clipboard, ready to paste into CSS or your design software.
Who is this color tool for?
For web developers, designers and anyone who works with colors in the browser. The conversion runs locally and your color values are not stored anywhere.