Copynix

Color Converter — HEX, RGB, HSL, HSV Online

Current color

#6366F1

Pick
HEX
RGB
HSL
HSV

CSS

color: #6366F1;
color: rgb(99, 102, 241);
color: hsl(239, 84%, 67%);

Lightness shades

Frequently Asked Questions

What color formats does this tool support?

This tool converts between HEX (#RRGGBB), RGB (red, green, blue 0-255), HSL (hue, saturation, lightness), and HSV (hue, saturation, value) color formats.

What is the difference between HSL and HSV?

HSL (Hue, Saturation, Lightness) is commonly used in CSS. HSV (Hue, Saturation, Value) is used in design tools like Photoshop and Figma. Both describe color in a more intuitive way than RGB.

What is a HEX color code?

A HEX color code is a 6-digit hexadecimal number preceded by '#' (e.g. #FF5733). The first two digits represent red, next two green, and last two blue — each ranging from 00 to FF.

How do I use this tool in CSS?

CSS supports all formats: color: #FF5733; or color: rgb(255, 87, 51); or color: hsl(11, 100%, 60%); — enter any value and copy the format you need.