HEX RGB HSL Color Converter Online

Convert colors between HEX, RGB, HSL, RGBA instantly. Integrated color picker, live preview and complementary palette generator.

Color picker NEW

Pick a color

Click to open the color picker

Palette

Tints e sfumature

Complementary colors

Conversioni

HEX Hexadecimal — used in CSS, HTML, design

RGB Red Green Blue — standard CSS

RGBA RGB with Alpha channel (opacity)

HSL Hue Saturation Lightness

HSLA HSL with Alpha channel

CSS Var CSS custom property variable

Enter color manually

Come convertire i colori

Use the color picker to visually choose a color, or type a HEX or RGB value in the manual field. All formats are updated instantly.

Quando usare HEX vs RGB vs HSL?

HEX is the most compact and widely used in CSS. RGB is intuitive for manipulating color channels separately. HSL is the most practical for creating variants (lighter, darker) by adjusting only Lightness.

CSS Custom Properties

CSS variables like --color-primary allow you to define a color once and reuse it throughout the stylesheet. The tool directly generates the ready-to-use syntax.

Palette e colori complementari

The palette automatically shows tints and shades of the selected color, plus complementary colors calculated by rotating the Hue value by 30, 60, 120 and 180 degrees.