TopToolsAiPick any colour and instantly get its HEX, RGB and HSL values — useful for designers and developers who need a colour code in a specific format. A teal colour converts to HEX #008080, RGB (0, 128, 128) and HSL (180°, 100%, 25%) — three different formats needed depending on whether you're writing CSS, working in design software, or matching a print spec.
Last updated: 1 Sep 2026
How to use Color Picker & Hex Converter
- Click the color box and pick any color, or type in a value.
- The HEX, RGB and HSL codes for that color are shown instantly — copy whichever format you need.
Frequently asked questions
What's the difference between HEX, RGB and HSL?
HEX and RGB both describe the same red/green/blue mix in different formats; HSL describes colour by hue, saturation and lightness, which is often more intuitive for adjusting a shade.
Can I type in a HEX code directly?
Most browsers let you click the color swatch and enter a HEX value manually in the native color picker that opens.
Can I copy the color code to use in my design tool?
Yes, copy any of the HEX/RGB/HSL values shown and paste it directly into CSS, Figma, Photoshop, or any other tool that accepts those formats.
Which format should I use for web design?
HEX is the most common for CSS, but RGB(A) is needed if you want to add transparency (opacity) to a color.
User Reviews
No reviews yet — be the first to try this tool and leave one.
More Free Tools
Handy the next time you're here
Business Card Generator
Creative & Professional
Design and download a print-ready business card in minutes.
Background Remover
Creative & Professional
Remove the background from any photo in one click.
Logo Maker
Creative & Professional
Design a simple, clean logo for your brand or business.
Australia GST Calculator
Australia Tools
Add or remove Australia's 10% GST on any amount.
Umrah Cost Calculator
Travel & Immigration
Estimate total Umrah trip cost including flights, stay and visa.
Life Insurance Premium Calculator
Insurance & Loans
Estimate life insurance premiums based on age, coverage amount and term.
Scientific Notation Converter
Calculators
Scientific Notation Converter, a free, instant tool.
Leave a review