ShadowReference
ShadowReference
Developer Productivity

Color Converter

Free online tool · runs in your browser

Convert colors across formats.

…

Quick tutorial

  1. 1Enter a color in any supported format.
  2. 2Click Convert.
  3. 3Copy individual format lines.

Free online color converter

Convert colors between HEX, RGB, RGBA, HSL, and HSLA with a live swatch. Paste #3b82f6, rgb(59, 130, 246), or hsl() and copy every format. 8-digit HEX and alpha channels are supported. Named CSS colors like “red” are not — use HEX or RGB instead.

How to use Color Converter

  1. Enter a color in any supported format.
  2. Click Convert.
  3. Copy individual format lines.

Limitations

  • Named colors (e.g. 'red') are not supported — use HEX or RGB.

Example

Input

#ff0000

Output

RGB: rgb(255, 0, 0)
HSL: hsl(0, 100%, 50%)

FAQ

Frequently Asked Questions

Does it convert HEX to RGB and HSL?

Yes. One conversion prints RGB/RGBA and HSL/HSLA together so you can copy the format you need.

Is alpha supported?

Yes. 8-digit HEX, RGBA, and HSLA round-trip through the converter.

Alpha channel?

8-digit HEX and RGBA/HSLA are supported.

Is Color Converter free to use?

Yes. Color Converter on ShadowReference is free, with no account, no watermarks, and no server-side processing.

Does this tool send my data to a server?

No. All processing happens locally in your browser. Your input never leaves your device.

Related

Related Tools