Browser 106

no file limit

Inspector color/color-converter

Convert RGB to HSL

Overview

Color Converter handles the most common color-format conversions — HEX, RGB, CMYK, LAB, and HSL — with a focused, deeplinkable page for each direction. Every conversion runs instantly in your browser, and URLs can carry a prefilled value so you can share or bookmark a specific conversion. Exact conversions (HEX/RGB/HSL) are flagged as such; approximate ones (CMYK, LAB) carry a clear note about what's approximated and why.

Getting a print-ready starting pointConvert a brand HEX color to CMYK for a print vendor, with a clear caveat that it's an uncalibrated approximation.
Moving a color into CSSConvert RGB or HSL values from a design file into the exact format your stylesheet needs.
Sharing a conversion with a teammateSend a URL with the value already filled in, so they see the exact conversion you're looking at.

Key features

Convert between HEX, RGB, CMYK, LAB, and HSL
Deeplinkable — prefill the input via a URL parameter
One-click copy of the converted value
Clear notes on where a conversion is exact vs. approximate
Link straight into the full Color Editor for more formats and tools
100% client-side — nothing you enter is uploaded

Set

Color Tools 11

Neighbours

01 Accessible Palette Generator 02 Accessible Text Color Finder 03 Brand Palette Accessibility Checker 04 Color Blindness Simulator 05 Color Editor 06 Complementary Color Generator

Related conversions

01 RGB to CMYK 02 CMYK to RGB 03 HEX to RGB 04 RGB to HEX 05 HEX to CMYK 06 CMYK to HEX 07 RGB to LAB 08 LAB to RGB 09 HEX to LAB 10 LAB to HEX 11 HSL to RGB

Specification

Command: color.color_converter
Set: Color
Input: text
Output: —
Max file: no limit
Batch: single file

Runtime

Engine: native oklch
Threads: single
Isolated: —
WebGPU: —
Memory: —

Transport 0 B

The file is opened, worked on and written back inside this tab. No upload step exists in this tool — there is nowhere for the bytes to go.

Keys

Search: ⌘K
Panels: ⌘1 · ⌘2
Full width: F
All keys: ⌘/

How it works

Enter a color

Type a value in the source format, or open a URL like /tools/color/rgb-to-cmyk?rgb=255,0,0 with it prefilled.

Read the converted value

The target format updates instantly. Approximate conversions (like CMYK or LAB) are labeled as such.

Copy or go further

Copy the result, or open the same color in the full Color Editor for palettes, contrast checking, and every other format.

Frequently asked

How accurate are these conversions?

HEX, RGB, and HSL conversions are exact — they're defined mathematically with no ambiguity. CMYK and LAB are browser-safe approximations: CMYK has no ICC profile, ink set, or substrate applied, and LAB is referenced to the D65 white point rather than the print-standard D50.

Can I link directly to a specific conversion with a value prefilled?

Yes. Every conversion page accepts its input as a URL parameter — for example /tools/color/hex-to-rgb?hex=%23ff0000 opens with that hex value already converted.

Is my color data uploaded anywhere?

No. Every conversion runs locally in your browser using plain JavaScript — nothing is sent to a server.

What if I need more than one conversion, or a palette?

Use the "Open in the Color Editor" link on any conversion page — it opens the full workspace with every format, palette tool, contrast checker, and color-blindness simulator in one place.

Keys

Search: ⌘K
Panels: ⌘1 · ⌘2
Full width: F
All keys: ⌘/

Related · Color Tools