HEX ↔ RGB: instructions, examples and limits

What it does

HEX encodes three 8-bit sRGB channels in base 16; RGB shows them as decimal values.

Use HEX ↔ RGB when a design token, browser inspector or code sample uses a different colour notation than your stylesheet or design file.

How to use it

1. 1

   Enter a valid three- or six-digit HEX value or the red, green and blue channels.

2. 2

   Read the converted representation and copy the notation needed by your next tool.

3. 3

   Check alpha/transparency separately because this converter describes opaque colours.

How the result is produced

HEX encodes three 8-bit sRGB channels in base 16; RGB shows them as decimal values.

Important limits

Opaque sRGB colours only. RGB channels may be rounded when converting to HEX.

Checks before sharing or relying on the result

• Values are clamped to the documented channel range rather than guessed.
• HEX and RGB describe the same colour space representation here; they do not encode a full colour-management profile.
• Use the contrast checker afterward when the value will be used for text or controls.

Choosing the next step

Start with the representation your design system already uses. Use the contrast checker for a foreground/background pair, then test the actual font size and weight in context. A mathematically valid colour value can still be a poor interface choice.