Skip to content
Book a demoStart free

Hex to RGB / RGB to Hex Converter

Convert between HEX, RGB, HSL, and CMYK color formats instantly with live color preview.

Hex to RGB / RGB to Hex ConverterGratisText UtilitiesRuns in your browser
HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

CMYK

cmyk(76%, 47%, 0%, 4%)

Works in your browser. What you paste or upload is processed on your device.

Key features of the hex to RGB converter

  • Converts between HEX, RGB, HSL, HSV, and CMYK
  • Real-time colour preview swatch
  • Copy any format value with one click
  • Accepts input in any supported format
  • Named CSS colour support

How to use the hex to RGB converter

  1. Enter a colour value

    Type a HEX code, RGB values, or any supported colour format into the input.

  2. See all conversions

    All equivalent values in other formats appear instantly alongside a colour preview.

  3. Copy the format you need

    Click 'Copy' next to the format you want to use (HEX, RGB, HSL, etc.).

  4. Use in your project

    Paste the converted colour value into your CSS, design tool, or code.

What is a hex to RGB converter?

The Color Converter translates colour values between all major colour formats: HEX (#RRGGBB), RGB (Red, Green, Blue), HSL (Hue, Saturation, Lightness), HSV (Hue, Saturation, Value), and CMYK (Cyan, Magenta, Yellow, Key). A live colour preview updates in real time as you enter values.

Different tools and contexts require different colour formats. CSS uses HEX and RGB, design tools often use HSL, and print uses CMYK. Converting between formats manually involves complex mathematical formulas — this tool handles all conversions instantly.

Why use a hex to RGB converter?

Designers and developers constantly work across tools that use different colour formats. Converting a Figma HSL colour to CSS HEX, or a brand guide CMYK to web RGB, is a daily task that this tool handles in seconds without any manual calculation.

Hex to RGB converter: frequently asked questions

Something else? Ask the team

What is HEX colour format?

HEX is a 6-digit hexadecimal representation of a colour (#RRGGBB). Each pair represents red, green, and blue values from 00 to FF (0–255 in decimal). It's the most common format in web development.

What is RGB colour format?

RGB specifies a colour by its red, green, and blue components, each ranging from 0 to 255. rgb(255, 0, 0) is pure red. It's used in CSS, web design, and digital media.

What is HSL?

HSL stands for Hue, Saturation, Lightness. Hue is the colour type (0–360°), Saturation is intensity (0–100%), Lightness is how light or dark (0–100%). HSL is more intuitive for designers to adjust colours.

What is CMYK?

CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive colour model used in colour printing. Digital screens use RGB; printers use CMYK. Converting between them involves some colour space limitations.

Why don't RGB and CMYK colours always match exactly?

RGB and CMYK have different colour gamuts (ranges of reproducible colours). Some RGB colours (especially bright blues and greens) cannot be exactly reproduced in CMYK, resulting in slight colour shifts when converting.

Each one opens on its own page and works straight away, with no sign-up.

Ontdek meer gratis tools:Schema GeneratorMetatag GeneratorLLMs.txt GeneratorBrowse all free tools

Meer AI-vermeldingen winnen?

Hex to RGB / RGB to Hex Converter is one piece of the puzzle. See how ChatGPT, Gemini, Perplexity, and Google AI Overviews actually view your brand, and get a prioritised list of fixes, with a free AEO & GEO audit from AI Rank Lab.

One check is a start. The audit checks the whole site.

Voer een gratis AEO- en GEO-audit uit or Bekijk prijzen.

  • Scores SEO, answer-engine (AEO) and generative-engine (GEO) readiness
  • Lists the fixes, page by page
  • Then track whether ChatGPT, Gemini, Perplexity and Google AI Overviews cite you
fieldnote.app4,571 credits

Site audit

fieldnote.app · SEO, AEO and GEO

Illustrative data
SEO
82
+6
AEO
64
+11
GEO
58
+9
Pages
48
Fixesby impact
  • /pricing · Missing H1High
  • /blog/guide · No FAQ schemaMedium
  • /llms.txt · Not foundMedium
  • /about · Meta description too longLow

See where your whole site stands

Paste your site. The free audit scores it for SEO, answer engines and generative engines, with the fixes.

Start freeBook a demo