Which input formats does the converter accept?

It accepts 3-, 6-, and 8-digit hex (with or without #), rgb()/rgba() functional notation, hsl()/hsla(), and the 148 CSS named colors such as "rebeccapurple" or "cornflowerblue".

Are HSV values rounded?

Hue is rounded to the nearest degree, saturation and value to the nearest percent. This matches how most design tools display HSV so the numbers are directly reusable.

Why do my hex values become longer when I add alpha?

Modern browsers accept 8-digit hex where the last pair encodes alpha. The tool emits the 8-digit form when alpha is non-opaque so you can paste a single hex string instead of rgba().

Color Format Converter

Paste any color value and instantly see it in every format. Copy any conversion with one click.

Enter a color

Accepts HEX, RGB, RGBA, HSL, HSLA, or CSS named colors

Preview◇

#6366f1

HEX#6366f1

RGBrgb(99, 102, 241)

RGBArgba(99, 102, 241, 1)

HSLhsl(239, 84%, 67%)

HSLAhsla(239, 84%, 67%, 1)

HSVhsv(239, 59%, 95%)

3 Tools · See Also

01·COL
Color Palette Generator
accent · #FF006E
Generate complementary, analogous, triadic, and more color harmonies from any base color. Export as CSS variables, Tailwind config, SCSS, or JSON.
01·COL
Contrast Checker
accent · #1F1F1F
Check foreground and background color pairs against WCAG 2.1 AA and AAA requirements for normal and large text.
02·CSS
Gradient Generator
accent · #E91E63
Build linear, radial, and conic CSS gradients with multiple color stops, angle control, and real-time preview.

✱ Privacy◇

Runs in your browser.

Every color, gradient and CSS output is generated on this page. Nothing is uploaded, logged or shared.

Local-only

Color Format Converter

Related Tools