Color Converter & Picker

Convert colors between HEX, RGB and HSL and check contrast.

HEX#F5B83D
RGBrgb(245, 184, 61)
HSLhsl(40, 90%, 60%)
1.78:1Contrast with white
11.81:1Contrast with black

About this tool

Type a color in HEX, rgb() or hsl() form, or use the picker, and get all three formats ready to copy. A preview swatch and contrast ratios against white and black help you decide whether text on that color will be readable.

How to use it

  1. Type a color code or pick one with the color picker.
  2. Copy the format you need.
  3. Check the contrast ratio, where 4.5:1 or more is good for body text.

Frequently asked questions

Are 3-digit HEX codes supported?

Yes. #FB0 is expanded to #FFBB00.

What contrast ratio should I aim for?

WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.

Is transparency supported?

Alpha values are accepted in rgba() and hsla() input but ignored in the output.

Related free tools