AboutProjectsToolsNotesUses

Color Converter

Convert colors between HEX, RGB, HSL, OKLCH and more formats.

Enter a colour in any common format and see its equivalent in every other format, with a live preview swatch. Useful when copying a colour from one tool (Figma, an image picker, a screenshot) and needing it in another format for CSS, brand guidelines or design tokens.

Common use cases: translating designer-supplied HEX values into HSL for theme derivation, generating OKLCH design-system scales, checking the exact RGB values of a brand colour, and validating that opacity translates correctly across formats.

Color Preview

Frequently asked questions

What's the difference between RGB, HSL and HEX?
HEX and RGB describe the same thing in different notations — three channels of red/green/blue intensity. HSL describes the same colour in terms humans understand better: hue (where on the colour wheel), saturation (how vivid), lightness (how bright). HSL is much easier to derive related shades from.
When should I use OKLCH instead of HSL?
OKLCH is perceptually uniform — equal numerical steps look like equal perceptual steps. That makes it ideal for building colour scales where adjacent shades should feel evenly spaced. HSL is fine for one-off colour picks; OKLCH is better for design systems.
How does the alpha channel work?
Alpha is opacity from 0 (transparent) to 1 (opaque). In hex it's expressed as #RRGGBBAA (e.g. #FF000080 is 50%-opaque red). In rgb()/hsl() it's the optional fourth value.
Why do colours look slightly different across browsers?
Browsers may interpret colour profiles differently, especially on wide-gamut displays. For perfectly consistent rendering, embed an sRGB profile in your images and stick to standard rgb()/HEX in CSS.

Other Converters

View all tools →

Image to Base64

Convert images to Base64 encoded strings

IMG

Roman Numeral Converter

Convert between numbers and Roman numerals

Ⅻ

Temperature Converter

Convert between Celsius, Fahrenheit, and Kelvin

°

Base Converter

Convert numbers between different bases (binary, octal, hex, etc.)

∑

JSON to TypeScript

Convert JSON to TypeScript type definitions

{}

JSON to Rust

Convert JSON to Rust struct definitions

{}

CSS Unit Converter

Convert between CSS units (px, em, rem, %, pt)

CSS

Text Case Converter

Convert text between different cases (camelCase, snake_case, etc.)

Aa

Unix Time Converter

Convert between Unix timestamps and readable dates

time

Timezone Converter

Convert times between timezones worldwide for meetings and global coordination

◆

JSON to CSV

Convert JSON arrays to CSV format for spreadsheets and data export

⇄

CSV to JSON

Convert CSV data to JSON format for APIs and applications

⇄