Color Converter

Convert a single color between HEX / RGB / HSL / common names when you need a clean value to paste into design specs, UI tokens, or quick notes.

Use this page after you already know the color and need the matching formats. The share URL stores only the HEX value.

Other languages 日本語 | English

How to use

  1. Paste the format you already have: HEX, RGB, HSL, or a supported color keyword.
  2. Read the normalized values in the other formats.
  3. Copy the format that matches the next tool, whether that is Gradient Generator, a spec sheet, or CSS.

Wave 42 breadth expansion

Normalize one color into every practical format

This page is intentionally narrow: one color in, clean values out. It pairs naturally with Color Picker and Contrast Checker.

Convert one color between HEX, RGB, HSL, and a matching common keyword.

How to choose between nearby pages

Use Color Picker before this page when you are still choosing one working color. Use Color Mixer before this page when two known swatches still need a midpoint candidate. Use Color Temperature Checker when the approved swatch first needs a warm / cool / neutral direction check. Use Color Palette Generator before this page when one approved base color now needs surrounding lighter, darker, or accent options. Use Color Scale Generator when that approved base color now needs a numbered scale for tokens or handoff. Use Gradient Generator when the approved colors now need a CSS-ready linear or radial gradient. Use Color Difference when two approved swatches already exist and you need a measurable distance check before handoff. Use this page in the middle of the workflow when one approved color must move between HEX, RGB, HSL, or a named-color notation. Move next to OKLCH Converter when the same color now needs perceptual-space values for tokens or modern CSS. Move to Contrast Checker once the final foreground/background pair is known and readability is the real question.

FAQ

What does this page do?

It converts one color between HEX, RGB, HSL, and a matching common color keyword when there is an exact keyword match.

Does it support every CSS color keyword?

It supports a practical set of common keywords such as black, white, navy, teal, orange, purple, and rebeccapurple. If there is no exact match, the page shows the numeric formats only.

When should I use this instead of Color Picker?

Use this page when the task is format conversion between HEX, RGB, HSL, and common names. Use Color Picker when you want to browse visually and compare swatches first.

What is stored in the share URL?

Only the HEX color is stored in the share URL. Other formats are recalculated in the browser.