./prontouso.com

CONVERTERS

Color Converter

Type or pick a color and get it instantly in HEX, RGB, HSL, and HSB, each with its own copy button.

Tool statusRuns in your browser
Preview

Options

Pick a color, type one, or generate a random one.

Results

How it works

  1. Enter your input

    Fill in the values, paste your text, or upload the file this tool works with.

  2. See results instantly

    Most tools update live as you type; a few use a single button. Either way, the result appears right on this page.

  3. Use your results

    Copy, download, or share what the tool produces — you're always in control of the output.

Privacy and processing — Runs locally in your browser. This tool does not upload your input.

What is Color Converter?

Type or pick a color and see it instantly in HEX, RGB, HSL, and HSB, each ready to copy.

UNDERSTAND THE TOOL

How to convert colors between formats

Formats explained

  • HEX represents red, green, and blue as three pairs of hexadecimal digits, optionally with a fourth pair for alpha.
  • RGB lists red, green, and blue as numbers from 0 to 255.
  • HSL describes a color by hue, saturation, and lightness, which is often more intuitive for picking a shade or tint.
  • HSB (also called HSV) is close to HSL but uses brightness instead of lightness, matching how many color pickers in design tools work.

Typing a color directly

The text field accepts HEX (#335A9C or #335A9C80 with alpha), rgb()/rgba(), and hsl()/hsla() notation. An invalid value stays in the field so you can keep editing it, while the swatch and results keep showing the last valid color.

How to use it

  • Pick a color, type one directly, or choose Random color.
  • Read the converted value from any of the four format fields.
  • Choose Copy next to the format you need.

Conversion example

HEX to RGB, HSL, and HSB

#335a9c is parsed as 51 red, 90 green, and 156 blue, then formatted into the other color models. Alpha appears only when the input includes it.

#335a9c -> rgb(51, 90, 156) -> hsl(218, 51%, 41%)

Color format notes

Alpha is preserved in formats that support it. HSB is included for comparison with design tools, while CSS usually uses HEX, RGB(A), or HSL(A).

Frequently Asked Questions

Does this support transparency?

Yes. An 8-digit HEX value or an rgba()/hsla() value with an alpha channel is parsed and reflected in every format that supports it.

Why does the color picker only show HEX?

The browser's native color input only works with opaque HEX values. Alpha is preserved separately and shown in the RGB(A) and HSL(A) fields.

What is the difference between HSL and HSB?

Both describe hue and saturation the same way. HSL's third value is lightness, where 50% is the purest version of the hue; HSB's third value is brightness, where 100% is the purest version. The same color has different numbers in each.

Can I paste short HEX like #369?

Yes. Three-digit HEX is expanded to six digits, so #369 becomes #336699. Use eight-digit HEX when you also need alpha.

Related Tools