Color Converter

HEX · RGB · HSL · HSV · CMYK

CSS Name:gray#6366F1
HEX
RGB
HSL
HSV
CMYK

RGB Sliders

R99
G102
B241

Recent Colors

No recent colors

Color codes describe the same color in different coordinate systems

Web design, UI implementation, and print preparation often require the same color in HEX, RGB, HSL, HSV, or CMYK. This converter keeps the main formats in sync around RGB values and adds recent colors plus the nearest CSS color name for faster handoff.

Color model basics

HEX / RGB

Represent red, green, and blue screen channels as numbers or hexadecimal pairs.

HSL / HSV

Use hue, saturation, and lightness/value for intuitive palette and shade adjustments.

CMYK

Approximates ink percentages for print workflows, but output still depends on profiles and devices.

How to use

  1. Enter any known HEX, RGB, HSL, HSV, or CMYK value.
  2. Fine-tune with the RGB sliders or reopen a color from recent history.
  3. Copy the format you need for CSS, design tools, documentation, or handoff notes.

Frequently asked questions

Are HEX and RGB the same color model?

They describe the same screen channels. HEX writes the RGB channel values in hexadecimal.

When should I use HSL?

HSL is helpful when you want to adjust lightness or saturation while keeping the same hue family.

Can I use CMYK values directly for print?

Use them as a reference. Final print color should be checked with the printer’s color profile and proofing process.

Displayed and printed colors vary by device, profile, paper, ink, and lighting.