Color picker and codes
Find the HEX, RGB and HSL code of any color.
HEX#0F766E
RGBrgb(15, 118, 110)
HSLhsl(175, 77%, 26%)
Brightness34%
Suggested text colorWhite
How to use it
- 1Pick a color from the picker or enter a HEX code.
- 2View the equivalent codes.
- 3Copy the code you need.
Worked examples
Sample calculation
The color #0F766E is equivalent to rgb(15, 118, 110).
Frequently asked questions
What is HSL used for?
For creating color palettes and adjusting lightness and saturation, HSL is much easier to work with than HEX.
How is the suggested text color determined?
Based on the brightness of the background color, black or white text is suggested for better readability.