Convert Colors between different formats: RGB, HEX, HSL, ...

Color Formats – RGB, HEX, HSL, HSV, and CMYK

Colors in computer graphics and printing can be represented in various formats. Each has its own application and way of defining colors. Let's take a closer look at several popular color models, using black as an example:

RGB (Red, Green, Blue)

The RGB model (e.g., rgb(0, 0, 0)) uses three primary light colors – red, green, and blue – to create other colors. Values from 0 to 255 determine the intensity of each component. Black (rgb(0, 0, 0)) is created when all three values are minimal.

HEX (Hexadecimal)

The HEX format (#000000) is a hexadecimal representation of RGB. Each pair of digits represents a color component: red (00), green (00), and blue (00). This is a popular way of specifying colors in web design.

HSL (Hue, Saturation, Lightness)

The HSL model (hsl(0°, 0%, 0%)) describes colors using:

Hue – specifies the color in degrees (0° is red, 120° is green, 240° is blue)
Saturation – determines color intensity (0% means no saturation, resulting in a shade of gray)
Lightness – determines color brightness (0% is black, 100% is white)

For black, we have 0° (hue doesn't matter), 0% saturation, and 0% lightness.

HSV (Hue, Saturation, Value)

Similar to HSL, the HSV model (hsv(0°, 0%, 0%)) differs in using Value instead of Lightness:

Hue – same as in HSL
Saturation – color intensity
Value – maximum color brightness (0% for black)

CMYK (Cyan, Magenta, Yellow, Black)

The CMYK model (cmyk(0%, 0%, 0%, 100%)) is used in printing. It consists of four colors: cyan (C), magenta (M), yellow (Y), and black (K). Black is created when black ink content is 100%.

Each of these formats has its use – RGB and HEX dominate in digital graphics, HSL and HSV are useful in color editing, and CMYK is crucial in printing. The choice of the appropriate model depends on the context and user needs.

Menu

Color Converter