HEX · RGB · HSL · oklch

Colors

Type a color in any format — HEX, RGB, HSL or oklch — and instantly see it in every other representation, with a live swatch. Switch the input format to enter another notation. Copy any result with a single click.

Active format

All representations

4 representations
  • HEXHEX#7C3AED

Good to know

Related articles

A glowing emerald color swatch splitting like through a prism into four notations — HEX, RGB, HSL and oklch — against a cosmic nebula in violet and magenta

One color, four notations — HEX, RGB, HSL and oklch

Red is #FF0000, rgb(255, 0, 0), hsl(0, 100%, 50%) and oklch(0.628 0.258 29.2) — four strings, one color. Here is why some notations are mathematically exact while others merely pretend to understand how you see: why HSL claims yellow and blue are equally light, and why oklch finally agrees with your eye.

11 min

Popular categories

Each category has its own color and dedicated converter.

See all categories →
8 units
Length
From millimeters to miles — SI and imperial units.
8 units
Mass
Grams, kilograms, pounds, ounces and tons.
8 units
Volume
Liters, milliliters, gallons and cups.
4 units
Temperature
Celsius, Fahrenheit and Kelvin.
7 units
Area
Square meters, hectares, acres and square feet.
9 units
Time
Seconds, minutes, hours, days and years.
6 units
Data (SI)
Bits and bytes in the decimal system (kB, MB, GB).
6 units
Speed
Meters per second, km/h, miles per hour and knots.