Conversion tool · browser-only
Color values, decoded.
Choose a color or enter a HEX value to see RGB, HSL, and a quick white contrast ratio without leaving the page.
Convert
Color converter
Pick a color or type a six-digit HEX value. Values update locally as you work.
A simple HEX to RGB and HSL converter
Color tools often need the same color in several formats. PicoBento turns a six-digit HEX value into RGB and HSL values, shows a visual swatch, and gives a quick contrast ratio against white.
Use contrast as a starting point
The contrast value is a helpful early signal for interface work, but accessible color decisions should test the final text size, weight, background, and complete component against the appropriate WCAG guidance.
What do HEX, RGB, and HSL mean?
HEX writes red, green, and blue as hexadecimal pairs. RGB uses three 0–255 channels. HSL describes hue, saturation, and lightness in a more design-oriented way.