Question 1

How do I use this color converter?

Accepted Answer

You can: 1) drag on the inline HSV plane and hue strip; 2) type a color value (HEX, RGB, HSL, etc.) into the input box; 3) pick from the preset swatches; or 4) fine tune R/G/B, H/S/L or H/S/V inputs directly.

Question 2

Which color formats are supported?

Accepted Answer

It supports HEX (long/short), RGB, RGBA (with alpha), HSL, and HSLA. All formats update in real time and can be copied with one click.

Question 3

How do I get the CSS code for a color?

Accepted Answer

The CSS code section offers three templates: 1) Modern syntax; 2) Compatible fallback with multiple declarations; 3) Gradient snippets (linear and radial). Click the copy button to copy any block.

Question 4

How can I view color variations?

Accepted Answer

Below the color preview you can see five variations: lighter 50%, lighter 25%, base, darker 25%, darker 50%. Click any swatch to use it as the new base color.

Question 5

How do I copy color values?

Accepted Answer

Each color value row has a copy button. Use it to copy HEX, RGB, RGBA, HSL, or HSLA values to the clipboard.

Question 6

What do the color components show?

Accepted Answer

The color components panel shows the R (red), G (green), B (blue), H (hue), S (saturation), and L (lightness) values with visual bars so you can understand the makeup of a color.

Online Color Converter