Color Converter Tools

Convert between different color formats with these easy-to-use tools

HEX to RGB Converter

HEX Color Code:

RGB Result:

rgb(66, 135, 245)

RGB to HEX Converter

RGB Values:

HEX Result:

#4287f5

HEX to HSL/HSB Converter

HEX Color Code:

HSL Result:

hsl(217, 90%, 61%)

HSB/HSV Result:

hsb(217, 73%, 96%)

HSL to HEX Converter

HSL Values:

S: %

L: %

HEX Result:

#4287f5

RGB to HSL/HSV Converter

RGB Values:

HSL Result:

hsl(217, 90%, 61%)

HSV/HSB Result:

hsv(217, 73%, 96%)

HSL to RGB Converter

HSL Values:

S: %

L: %

RGB Result:

rgb(66, 135, 245)

CMYK to RGB/HEX Converter

CMYK Values:

C: %

M: %

Y: %

K: %

RGB Result:

rgb(66, 135, 245)

HEX Result:

#4287f5

RGB to CMYK Converter

RGB Values:

CMYK Result:

cmyk(73%, 45%, 0%, 4%)

RGBA to HEX Converter

RGBA Values:

HEX Result:

#4287f5cc

HEX to RGBA Converter

HEX Color Code (with alpha):

RGBA Result:

rgba(66, 135, 245, 0.8)

Color Code Preview Tool

Enter Color Code:

Supports HEX (#RRGGBB), RGB, RGBA, HSL, HSLA, and named colors

HEX: #4287f5

RGB: rgb(66, 135, 245)

HSL: hsl(217, 90%, 61%)

CMYK: cmyk(73%, 45%, 0%, 4%)

About Color Formats

Understanding different color formats and their uses

HEX Colors

Hexadecimal color codes are used in HTML, CSS, and design software. They represent RGB values in base-16 format, with each pair of characters representing red, green, and blue values from 00 to FF.

Example: #4287f5

RGB Colors

RGB (Red, Green, Blue) is an additive color model where colors are created by combining different intensities of red, green, and blue light. Each channel ranges from 0 to 255.

Example: rgb(66, 135, 245)

HSL Colors

HSL (Hue, Saturation, Lightness) is a more intuitive color model. Hue is a degree on the color wheel (0-360), saturation is a percentage value (0-100%), and lightness is also a percentage (0-100%).

Example: hsl(217, 90%, 61%)

CMYK Colors

CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive color model used in color printing. Each channel is represented as a percentage from 0% to 100%.

Example: cmyk(73%, 45%, 0%, 4%)