Color Converter

Convert HEX colors to RGB, HSL, HSV/HSB, HWB, CMYK, OKLCH-style CSS, Display P3, and CSS variable output.

#3366FF
HEX
#3366FF
RGB
rgb(51, 102, 255)
HSL
hsl(225, 100%, 60%)
HSV / HSB
hsv(225, 80%, 100%)
HWB
hwb(225 20% 0%)
CMYK
cmyk(80%, 60%, 0%, 0%)
OKLCH
oklch(60% 0.20 225)
CSS Color
color(srgb 0.200 0.400 1.000)
Display P3
color(display-p3 0.200 0.400 1.000)
CSS Variable
--color: #3366FF;

About this tool

The Color Converter is a free color tool. Convert a color between HEX, RGB, HSL, CMYK, and OKLCH-style CSS values for design and development handoff. Runs directly in the browser with no account required.

Use cases

  • Convert a color between HEX, RGB, HSL, CMYK, and OKLCH-style CSS values for design and development handoff.
  • Copy color converter output into tickets, docs, QA notes, support replies, or pull request descriptions.
  • Keep /color-converter bookmarked as a repeatable color utility for focused, copy-friendly work.
  • Validate a quick color answer before turning it into a spreadsheet formula, command-line snippet, or one-off script.

FAQ

What is the Color Converter used for?

Convert a color between HEX, RGB, HSL, CMYK, and OKLCH-style CSS values for design and development handoff. It runs directly in your browser with no account required.

How do I use the Color Converter?

Open /color-converter, review the page output, and copy the generated result into your docs, tests, support notes, or debugging workflow.

Does the Color Converter have an API?

This page is designed as a browser utility. Use the copy-friendly output when you need to move results into another workflow.

Who is the Color Converter for?

The Color Converter is useful for developers, QA teams, support teams, operators, and content teams that need reliable color output without opening a heavier application.