Color Converter

Convert colors between HEX, RGB, HSL, CMYK, and HSV formats with real-time updates

Color Preview

#3498DB
Custom Color

HEX

RGB

HSL

All Formats

HEX
#3498DB
RGB
rgb(52, 152, 219)
HSL
hsl(204, 70%, 53%)
CMYK
cmyk(76%, 31%, 0%, 14%)
HSV
hsv(204, 76%, 86%)

Code Examples

CSS

color: #3498DB;
color: rgb(52, 152, 219);
color: hsl(204, 70%, 53%);

Tailwind CSS

text-[#3498DB]
bg-[#3498DB]
border-[#3498DB]

View Color Details

View #3498DB Details Page

See variations, harmonies, and accessibility info

About Color Conversion

This color converter tool allows you to easily convert between different color formats. Simply adjust any value and watch all other formats update in real-time.

HEX

Hexadecimal color codes are the most common format for web design. They consist of 6 characters (0-9, A-F) representing RGB values.

RGB

RGB (Red, Green, Blue) uses three values from 0-255 to create colors. It's the format used by screens and digital displays.

HSL

HSL (Hue, Saturation, Lightness) is more intuitive for humans. It's great for creating color variations and harmonies.

CMYK

CMYK (Cyan, Magenta, Yellow, Key/Black) is used in printing. It's essential when designing materials for physical print.