Skip to content

RAL to HEX Converter: RAL Classic for the Web

Convert RAL Classic codes to HEX values for product pages and CSS.

Last updated

Reviewed by Assoc. Prof. Rahela Kulčar, PhD, Associate Professor, University of Zagreb.
A RAL Classic paint chip converting to a hexadecimal CSS colour declaration.RAL CLASSICRAL 5005Signal Bluebackground:#00539C;CSS-ready HEX
One RAL code, one CSS-ready HEX value — the same paint shown correctly on the product page.

 

RAL on the web

Industrial brands, parts marketplaces, and architectural visualiser sites all hit the same wall: their products are specified in RAL, but the web is built in CSS. A vehicle modification shop selling powder-coated wheels needs the wheel preview to actually be RAL 9005 Jet Black — not a generic #000000. This tool gives you the HEX form of any RAL Classic code so the on-screen rendering matches what the customer will receive.

The lookup is direct. Every RAL Classic colour has a defined RGB published as part of the standard, and HEX is just a notation for that RGB. Search by code or by name (e.g. "Traffic Yellow"), pick the colour, and copy the 6-digit code. The tool shows both HEX and the underlying RGB so you can use whichever notation your codebase prefers — most modern CSS reads either.

A subtlety to flag for technical writers and brand managers: RAL itself certifies physical colour standards, not digital values. The HEX shorthand is mathematically correct given RAL's published RGB, but the authoritative reference for any contractual brand-colour spec remains the physical RAL fan deck. Always quote the RAL code on the spec sheet, not the HEX. If you're auditing how a printed catalogue compares to the on-screen version, the CMYK to RAL converter closes the loop from print proof back to the manufacturing standard.

Five RAL Classic swatches with HEX codes and CSS usage examples for product pages and parts catalogues.RAL on the Web — HEX & CSSShow RAL-coded products on the web with the right paint colourSwatchRAL CodeHEXCSS ExampleTraffic red3020#BB1E10background: #BB1E10;Signal blue5005#00539Ccolor: #00539C;Moss green6005#0C422Eborder-color: #0C422E;Anthracite7016#293133fill: #293133;Jet black9005#0A0A0Aoutline: 2px solid #0A0A0A;Use the HEX value for screen, but always quote the RAL code on the spec sheet.
Real RAL codes and the CSS lines you'd actually paste into a stylesheet.

Worked examples

Real conversions this tool produces — enter the inputs to reproduce each result.

Putting a RAL signal yellow on a product page

Input

RAL
RAL 1003 — Signal yellow

Result

HEX
#F9A800
RGB
249, 168, 0

#F9A800 carries zero blue — a fully saturated warm yellow. It fails text-contrast on white, so use it as a fill or accent, not for type.

The 'jet black' that isn't actually black

Input

RAL
RAL 9005 — Jet black

Result

HEX
#0A0A0A
RGB
10, 10, 10

RAL 9005 resolves to #0A0A0A, not #000000. The deepest black coating in the RAL Classic set still reflects a little light, so specifying it as pure #000 in mock-ups overstates how dark the real finish looks.

Related content

Was this page helpful?

HEX is a derived notation. The authoritative RAL standard is the physical fan deck — quote the RAL code on spec sheets and contracts. See our methodology and full disclaimer.

Frequently Asked Questions

Can I paste the HEX directly into a CSS variable?

Yes. The 6-digit HEX is valid in any CSS property that accepts a colour: --brand-red: #BB1E10; works in custom properties, Tailwind config, SCSS variables, and styled-components alike.

Should I quote the HEX or the RAL code on a contract?

Always quote the RAL code. RAL certifies physical colour standards, not digital values. The HEX is correct given the published RGB, but if a paint shop and a web developer disagree, the RAL fan deck is the source of truth.

Does HEX shorthand work for any RAL colours?

Rarely. The 3-digit shorthand only applies when each pair of HEX digits is identical (#FFFFFF becomes #FFF). RAL 9010 Pure White and RAL 9005 Jet Black happen to fit that pattern; most RAL codes produce values like #00539C that can't be shortened.

Cite or embed this tool

Cite this tool

PrinterTools. (2026). RAL to HEX Converter: RAL Classic for the Web [online tool]. https://printertools.net/tools/ral-to-hex

Embed this tool

Paste this on your site to link readers to the free tool. It renders as:

<a href="https://printertools.net/tools/ral-to-hex" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.3;color:#2563eb;text-decoration:none;">RAL to HEX Converter: RAL Classic for the Web — free tool by PrinterTools</a>

More Print calculators

Browse all print calculators — Color converters for RGB, HEX, CMYK, HSL, HSV, Pantone, RAL, and NCS — plus DPI, paper size, contrast, and ink estimators.