Design tool
Color Picker
Pick a color and copy matching HEX, RGB, and HSL values.
Runs in your browser- HEX
- #267047
- RGB
- rgb(38, 112, 71)
- RGBA
- rgba(38, 112, 71, 1)
- HSL
- hsl(147, 49%, 29%)
How to use this color picker
- Choose a color visually or type its HEX value, then adjust alpha if you need an RGBA color.
- Review the result shown beside the controls. If the result seems wrong, check the entered values, units, and optional settings.
- Check the output against the source, then copy or download the finished result.
About this color picker
Use the Color Picker to pick a color and copy matching HEX, RGB, and HSL values. The result changes when you adjust the values or options above.
You can also use it to compare the result with the original input.
Example
Choose #267047 to see its matching RGB and HSL forms, then copy the version your stylesheet or design file needs.
Common uses
- → pick a color and copy matching HEX, RGB, and HSL values
- → compare the result with the original input
- → copy or save the finished output for later use