HSL to RGB Converter

HEX#2a78d6

RGBrgb(42, 120, 214)

HSLhsl(213, 68%, 50%)

OKLCHoklch(0.575 0.163 255.5)

More formats

HWBhwb(213 16% 16%)

LABlab(49.56 2.43 -56.06)

LCHlch(49.56 56.12 272.5)

OKLABoklab(0.575 -0.041 -0.157)

P3color(display-p3 0.2537 0.4642 0.8131)

CMYKcmyk(80%, 44%, 0%, 16%)

Nearest CSS name

royalblue

closest · #4169e1

Nearest Tailwind

sky-600

closest · #0084d1

Code for Android, Swift and CSS

CSS variable--brand: #2a78d6;

Android XML<color name="brand">#FF2A78D6</color>

Jetpack ComposeColor(0xFF2A78D6)

Swift (UIKit)UIColor(red: 0.165, green: 0.471, blue: 0.839, alpha: 1)

SwiftUIColor(red: 0.165, green: 0.471, blue: 0.839)

Hue213°

Saturation68%

Lightness50%

Alpha100%

On whiteFail

4.41:1

On blackAA

4.75:1

Need a pair that passes? Open this color in the contrast checker.

Shades & harmonies

Tints & shades

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Pick from an image

or drop or paste one (Ctrl+V). Nothing is uploaded.

HSL to RGB converter

Enter a HSL color in the field above and its RGB value updates instantly, alongside HEX, RGB, HSL and OKLCH — copy any of them with one click. HSL describes a color as hue (0–360°), saturation and lightness (both %), which makes it intuitive to nudge: spin the hue for a new color, lower the lightness for a darker one. RGB lists the red, green and blue channels from 0 to 255, matching how a screen mixes light — written as rgb(255 0 0) or the legacy rgb(255, 0, 0).

For example, hsl(0, 100%, 50%) in HSL is rgb(255, 0, 0) in RGB. Everything is computed in your browser with no upload, and you can drag the hue, saturation and lightness sliders — or use the eyedropper — to explore nearby colors.

Looking for something else? See all color tools.

HSL to RGB Converter — frequently asked questions

How do I convert HSL to RGB?

Type or paste your HSL value into the color field. The RGB equivalent appears immediately in the RGB row — click the copy icon to grab it. You can also use the color picker, the sliders, or the eyedropper.

Can I convert RGB back to HSL?

Yes — the tool always shows every format at once, so the HSL value is right there too. There's also a dedicated RGB to HSL page if you'd prefer to start from RGB.

Is anything uploaded to a server?

No. Every conversion runs in your browser with JavaScript — the color values never leave your device, and the tool keeps working offline once the page has loaded.

Is this really free?

Yes — no sign-up, no payment, no watermark.