How to use Color Picker Tool
- Pick or type a colorUse the Color picker swatch, type a HEX code such as #0e8b78 or #fff, or press Pick from screen in browsers that support it.
- Run the toolPress Run Color Picker Tool to check the code and convert it.
- Check the valuesA swatch appears with the HEX, RGB and HSL values, ready to copy into your CSS.
Common uses
- Previewing a brand color from a style guide
- Converting a HEX code to RGB for CSS or design software
- Double-checking a color code a client sent you
Frequently asked questions
How do I use Color Picker Tool?
1. Pick or type a color: Use the Color picker swatch, type a HEX code such as #0e8b78 or #fff, or press Pick from screen in browsers that support it. 2. Run the tool: Press Run Color Picker Tool to check the code and convert it. 3. Check the values: A swatch appears with the HEX, RGB and HSL values, ready to copy into your CSS.
Can I pick a color from my screen or a color wheel?
Yes. The Color picker field opens your system’s colour wheel, and in Chrome and Edge the Pick from screen button lets you sample any pixel on your screen.
Are three-digit codes like #fff accepted?
Yes. Short codes are expanded, so #fff becomes #FFFFFF.
Can it convert RGB back to HEX?
It shows HEX, RGB and HSL together for the colour you choose. To start from RGB numbers, use the RGB to HEX tool on GigaTools.
Where is the conversion done?
The HEX code is sent to the GigaTools server, converted and returned with the swatch. It is not shared with any other service.