Color converter

HEX to RAL and RAL to HEX

Type a HEX value or an RAL value, and the other one appears as you type. Every other notation of the same color is listed below, with each step of the maths.

Example: #D3AF37

Example: RAL 1032 Broom yellow

The converter needs JavaScript. The values shown are for #D3AF37, and the worked examples below read without it.

Result

Inside sRGB

HEX
#D3AF37
RAL
RAL 1032 Broom yellow
RGB
rgb(211 175 55)
HSL
hsl(46.2 63.9% 52.2%)
OKLCH
oklch(76.55% 0.13847 91.55)

Color converters

Every format at once

The same color in every notation the converters know. Each name opens its own converter.

The color in every format
FormatValueCopy
Web and CSS
HEX CSS#D3AF37
RGB CSSrgb(211 175 55)
sRGB (0 to 1) CSScolor(srgb 0.8275 0.6863 0.2157)
Linear sRGB CSScolor(srgb-linear 0.65141 0.42869 0.0382)
HSL CSShsl(46.2 63.9% 52.2%)
HSV (HSB) Notationhsv(46.2 73.9% 82.7%)
HWB CSShwb(46.2 21.6% 17.3%)
CSS color name CSSgoldenrodNearest ΔE00 5.00
Perceptual and CIE
OKLCH CSSoklch(76.55% 0.13847 91.55)
OKLab CSSoklab(76.55% -0.00375 0.13842)
CIELAB CSSlab(73.19 4.7 62.68)
CIE LCH CSSlch(73.19 62.86 85.71)
CIE XYZ (D65) CSScolor(xyz-d65 0.42882 0.44786 0.1)
CIE XYZ (D50) CSScolor(xyz-d50 0.45463 0.45457 0.07797)
CIE xyY NotationxyY(0.43906 0.45855 0.44786)
CIELUV Notationluv(72.75 30.75 69)
Wide gamut
Display P3 CSScolor(display-p3 0.80472 0.69157 0.30739)
Rec. 2020 CSScolor(rec2020 0.74174 0.66017 0.25864)
Adobe RGB (1998) CSScolor(a98-rgb 0.78545 0.68035 0.26584)
ProPhoto RGB CSScolor(prophoto-rgb 0.67408 0.63343 0.26964)
Print and paint
CMYK Notationcmyk(0% 17.1% 73.9% 17.3%)
RAL Classic NotationRAL 1032 Broom yellowNearest ΔE00 3.02
Video
YCbCr (JPEG, BT.601) Notationycbcr(172.08 61.93 155.76)
YCbCr (HD video, BT.709) Notationycbcr709(165.43 71.67 148.64)
Code and platforms
Decimal integer Notation13872951
Android and Flutter ARGB Notation0xFFD3AF37
Android color int Notation-2904265
SwiftUI and UIKit NotationColor(red: 0.8275, green: 0.6863, blue: 0.2157)
GLSL vec3 / vec4 Notationvec3(0.8275, 0.6863, 0.2157)
Embedded and terminal
RGB565 Notation0xD567Lossy
ANSI 256 (xterm) Notation38;5;178Nearest ΔE00 3.11

Every step of the maths

How HEX becomes RAL

Each step shows the values for the color above, as the converter computes them.

  1. Start Hex digits #D3AF37
  2. Back 8-bit channels each pair of digits read as a byte 211 175 55
  3. Then Nearest RAL Classic smallest CIEDE2000 to the RAL table's sRGB values RAL 1032 Broom yellow

RAL

About RAL

RAL Classic is a German standard of numbered colors for paint, powder coating and plastics, such as RAL 3020 Traffic red. Its colors are physical samples, so their sRGB values are approximations, and a hex color matches the nearest one at some distance.

How this page writes it

  • The nearest of the RAL Classic colors in this site's table is chosen by CIEDE2000, and the distance is shown.
  • Reads a four-digit number, with or without RAL, or a color's name.

Watch for

  • Order paint from the physical RAL card, not from a screen: the sRGB values are published approximations.
  • A CIEDE2000 under 1 is too small to see side by side; over 5 the difference is easy to see.

Worked examples

HEX to RAL

Each row is the converter's own output, and a test re-runs every row.

Each example, converted
ColorHEXRAL
White#FFFFFFRAL 9010 Pure white ΔE00 0.00
Black#000000RAL 9005 Jet black ΔE00 1.59
Middle gray#808080RAL 9007 Grey aluminium ΔE00 5.39
Red#FF0000RAL 3026 Luminous bright red ΔE00 0.21
Green#00FF00RAL 6019 Pastel green ΔE00 19.6
Blue#0000FFRAL 5021 Water blue ΔE00 15.9
Royal blue#2563EBRAL 5015 Sky blue ΔE00 9.45
Gold#D3AF37RAL 1032 Broom yellow ΔE00 3.02

Next

Related converters

Method

Sources and testing

  • Conversions run in your browser with the site's shared color code; nothing you type is sent anywhere.
  • An automated test recomputes every value on this page and reads every format back.
  • Checked with a keyboard, the axe engine and Playwright in Chromium, in light and dark themes at phone and desktop widths. It has not yet been checked with a screen reader.

Found a mistake? Tell us and we will correct it.