SEO & Web Tools
Wheel Color Picker
Pick a color and get its HEX, RGB and HSL values, or type a value to convert.
Runs in your browser Your input never leaves your device.
| HEX | — | |
| RGB | — | |
| HSL | — |
About this tool
Use your browser's color picker, or type a color as hex (3 or 6 digits), as rgb() or plain numbers separated by commas, or as hsl(). The tool starts with #4c3ff2, then shows a preview swatch and the same color as HEX, RGB and HSL, each with a copy button. Values are rounded to whole numbers, so converting back and forth can shift a value by one. Alpha or transparency is not supported and color names such as red are not recognized. The look of the picker depends on your browser. Everything runs locally in your browser.
How to use it
- Click the color swatch or type a color value.
- Check the preview.
- Press copy next to the format you want.
- Paste it into your CSS or design tool.
Common problems
- Nothing changes when I type
- Use one of the supported formats, such as #4c3ff2, rgb(76, 63, 242) or hsl(244, 87%, 60%).
- The values differ slightly after converting
- RGB and HSL are rounded to whole numbers.
- Color names are not accepted
- Enter the hex value instead of names like red.