Free HEX to RGB Colour Converter Online

Convert between HEX, RGB and HSL colour formats instantly. Preview colours live, copy CSS values and generate colour palettes. Free online tool.

What Is HEX to RGB Colour Converter Online?

Colours on the web are specified using numeric codes — HEX, RGB and HSL are the three most common formats. HEX uses a six-character code like #00B4D8, RGB uses three values for red, green and blue (0, 180, 216), and HSL describes colour with hue, saturation and lightness (195°, 100%, 42%).

Converting between these formats is a daily task in frontend development and design. Each format has its strengths: HEX is compact for CSS, RGB is intuitive for mixing colours programmatically, and HSL makes it easy to create colour variations by adjusting lightness or saturation while keeping the same hue.

How to Use This Tool

  1. Enter a colour value in any format — HEX, RGB or HSL.
  2. The tool instantly converts to all other formats and shows a live colour preview.
  3. Use the colour picker to visually select a colour if you do not have a code.
  4. Click any converted value to copy it in CSS-ready format.
  5. Premium users can generate complementary, analogous or triadic colour palettes.

Tips & Best Practices

  • Use three-character HEX shorthand (#0BD) when each pair repeats — it is equivalent to #00BBDD.
  • HSL is best for creating variations: keep the hue, lower saturation for muted tones, adjust lightness for shades.
  • Check colour contrast ratios for accessibility — WCAG requires at least 4.5:1 for normal text.
  • When designing dark mode, avoid pure white (#FFFFFF) on pure black (#000000) — it causes eye strain.

Common Use Cases

  • Converting design tool colour values (HEX) to CSS-compatible RGB or HSL.
  • Creating consistent colour palettes with matching saturation and lightness values.
  • Checking and adjusting colour contrast ratios for WCAG accessibility compliance.
  • Converting brand colours between formats for different platforms and tools.

Frequently Asked Questions

How do I convert HEX to RGB?

Enter a HEX colour code like #00B4D8 and the tool instantly shows the RGB values (0, 180, 216) plus a live colour preview. You can also type RGB values to get the HEX code.

What colour formats are supported?

The tool converts between HEX, RGB and HSL for free. Premium adds CMYK conversion plus an 8-step tint/shade palette generated from your colour.