Color Converter.

Paste or type any color — HEX, RGB, HSL, HSV, Lab, Oklch, named color, decimal — and get every format instantly. Edit any field to convert from that space.

Web & CSS
HEX Web hexadecimal
#6495ED
with alpha #6495EDFF
# 3–8 chars
RGB Red / Green / Blue (0–255)
rgb(100, 149, 237)
with alpha rgba(100, 149, 237, 1.00)
R 0–255
G 0–255
B 0–255
HSL Hue / Saturation / Lightness
hsl(219, 79%, 66%)
CSS4 syntax hsl(219deg 79% 66%)
H° 0–360
S% 0–100
L% 0–100
HSV / HSB Hue / Saturation / Value (Brightness)
hsv(219, 58%, 93%)
H° 0–360
S% 0–100
V% 0–100
HWB Hue / Whiteness / Blackness (CSS Color 4)
hwb(219 39% 7%)
H° 0–360
W% 0–100
B% 0–100
CMYK Cyan / Magenta / Yellow / Key (print)
cmyk(58%, 37%, 0%, 7%)
C% 0–100
M% 0–100
Y% 0–100
K% 0–100
Perceptual & Modern CSS
CIE L*a*b* Perceptually uniform color space (D65)
lab(60.32 6.57 -35.89)
L 0–100
a −128–127
b −128–127
CIE LCH Lightness / Chroma / Hue (cylindrical Lab)
lch(60.32 36.49 280.4)
L 0–100
C 0–200
H° 0–360
Oklch Perceptual LCH (CSS Color 4, Oklab-based)
oklch(0.6709 0.1318 280.4)
L 0–1
C 0–0.5
H° 0–360
Technical
XYZ D65 CIE 1931 XYZ, D65 white point (CSS Color 4)
color(xyz-d65 0.2127 0.2323 0.8732)
X 0–1.2
Y 0–1
Z 0–1.2
Float RGB 0.0–1.0 per channel (shaders, WebGL, Unity)
vec3(0.392, 0.584, 0.929)
HLSL / WGSL float3(0.392, 0.584, 0.929)
R 0.000–1.000
G 0.000–1.000
B 0.000–1.000
Decimal 24-bit integer (R×65536 + G×256 + B)
6594029
hex notation 0x6495ED
# 0–16777215

Color Space Guide

HEX / RGB / HSL

The three ubiquitous web formats. HEX and RGB are numerically identical — HEX is base-16 shorthand. HSL describes the same space in perceptual terms: hue (color wheel angle), saturation (vividness), and lightness (brightness). HSV (used in Photoshop/Figma) peaks at full color at 100% value rather than 50% lightness.

Lab & LCH

The CIE L*a*b* space is designed so that equal numeric differences correspond to equal perceived color differences — unlike RGB or HSL. LCH is the cylindrical version: Lightness, Chroma (saturation), and Hue angle. Both are supported natively in CSS Color Level 4.

Oklch

Oklch (built on the Oklab color space by Björn Ottosson, 2020) improves on CIE Lab/LCH by eliminating the "hue shift" artifacts in blues. It's the recommended space for modern CSS color manipulation because lightness and chroma are consistent across all hues. Supported in CSS as oklch(L C H).

XYZ & Float RGB

CIE XYZ D65 is the device-independent reference space that sits behind Lab, LCH, and Oklch conversions. Float RGB (0.0–1.0) is the native format for WebGL, Three.js, Unity, WGSL, and HLSL shaders — just divide each integer channel by 255.

What Is a Color Format Converter?

A color format converter translates a single color between the many representations used by different tools and disciplines. A designer might work in HSL, a CSS developer in HEX, a shader programmer in Float RGB (0.0–1.0), a print shop in CMYK, and a data scientist in CIE Lab. This tool accepts any format as input and outputs all others simultaneously — change any field and the rest update instantly.

How to Convert a Color

  1. Paste any color value into the universal input at the top. Accepted formats: HEX (#RGB, #RRGGBB, #RRGGBBAA), CSS functions (rgb, hsl, hsv, hwb, lab, lch, oklch), decimal integers, and CSS named colors like "cornflowerblue".
  2. All output cards update immediately. Click any copy button to grab a specific format.
  3. Edit any individual channel field (R, G, B, H°, S%, etc.) to convert from that space directly.
  4. Use the Copy all button to copy every format string to your clipboard at once.

Color Space Reference

  • HEX / RGB: The two standard web formats. HEX is base-16 shorthand for three 0–255 byte channels. Identical values, different notation.
  • HSL / HSV / HWB: Human-centric models describing color by hue angle (0–360°), saturation/vividness, and a brightness-related channel. Native in CSS Color Level 4.
  • CMYK: Subtractive print model. Inks absorb light; the K (Key/Black) channel reduces total ink usage. Values shown here are an RGB→CMYK approximation.
  • CIE Lab & LCH: Perceptually uniform — equal numeric differences correspond to equal perceived differences. LCH is the cylindrical form with a hue angle. Both are CSS Color Level 4.
  • Oklch: Improved LCH based on Oklab (2020). Eliminates blue hue-shift artifacts. Recommended for modern CSS color manipulation.
  • XYZ D65: The device-independent reference space underlying Lab, LCH, and Oklch conversions.
  • Float RGB: Channels as 0.0–1.0 decimals — the native format for WebGL, Three.js, Unity, WGSL, and HLSL shaders.
  • Decimal: A 24-bit integer (R×65536 + G×256 + B). Used in some game engines, image processing libraries, and legacy APIs.

Frequently Asked Questions

What color formats can I convert between?
HEX, RGB/RGBA, HSL, HSV/HSB, HWB, CMYK, CIE L*a*b*, CIE LCH, Oklch, XYZ D65, Float RGB (0.0–1.0 for WebGL/Unity), and decimal integer. Paste any format into the input and all others update instantly.
What is Oklch and why should I use it for CSS?
Oklch is a perceptually uniform color space built on Oklab (2020). It eliminates hue-shift artifacts in blues seen in CIE LCH and is recommended for color manipulation in modern CSS because lightness and chroma are consistent across all hues. Supported in CSS as oklch(L C H).
Can I use CSS named colors as input?
Yes — type any CSS named color like 'cornflowerblue', 'tomato', or 'rebeccapurple' into the universal input and the tool resolves it to all other formats instantly.
What is Float RGB and when is it used?
Float RGB expresses each channel as a 0.0–1.0 decimal rather than 0–255 integers. This is the native format for WebGL, Three.js, Unity, and WGSL/HLSL shaders. To convert: divide each 0–255 channel value by 255.

Privacy & Security

All color conversions run locally in your browser. No color data is sent to any server.

Color Picker Number Base Converter ASCII Table