What color formats are supported?

The tool supports HEX (3, 6 and 8 digit), RGB, RGBA, HSL, HSLA and HSB. Enter a color in any format and all other representations are computed instantly.

Can I pick a color visually?

Yes. The tool includes a color picker that lets you select a color visually from a palette and see all format conversions in real time.

Does this handle transparency?

Yes. You can set an alpha (opacity) value and the tool will generate RGBA and HSLA values with the correct transparency applied.

Color Converter Online Free

Convert any color between HEX, RGB, HSL and other formats instantly. See a live preview of the color as you type and copy the converted values for use in CSS, design tools or code.

Open Color Converter

Conversion Example

Input: #3B82F6

Results:
  HEX:  #3B82F6
  RGB:  rgb(59, 130, 246)
  HSL:  hsl(217, 91%, 60%)
  RGBA: rgba(59, 130, 246, 1.0)

Common Use Cases

Converting HEX colors from design files to RGB for CSS
Adjusting color lightness using HSL values
Generating color values for Tailwind CSS custom themes
Matching brand colors across different tools and formats

Frequently Asked Questions

What color formats are supported?: The tool supports HEX (3, 6 and 8 digit), RGB, RGBA, HSL, HSLA and HSB. Enter a color in any format and all other representations are computed instantly.
Can I pick a color visually?: Yes. The tool includes a color picker that lets you select a color visually from a palette and see all format conversions in real time.
Does this handle transparency?: Yes. You can set an alpha (opacity) value and the tool will generate RGBA and HSLA values with the correct transparency applied.