What is the difference between HEX and RGB?

HEX and RGB represent the same color information in different notations. RGB uses decimal values from 0 to 255 for red, green, and blue channels (e.g. rgb(255, 87, 51)). HEX encodes the same three values as two-digit hexadecimal numbers prefixed with # (e.g. #FF5733). They are interchangeable and produce identical colors.

What is HSL and when should I use it?

HSL stands for Hue, Saturation, Lightness. Hue is the color angle on the color wheel (0 to 360 degrees), saturation controls how vivid the color is (0% to 100%), and lightness sets how bright it is (0% is black, 100% is white). HSL is more intuitive than RGB for tasks like making a color lighter, more muted, or shifting its hue, because each component maps to a human-understandable property.

What is CMYK used for?

CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used in print production. Unlike RGB which adds light (screens), CMYK subtracts light by layering ink on paper. When preparing designs for print, colors must be converted from RGB or HEX to CMYK. Note that not all screen colors can be reproduced in print, so some colors may shift during conversion.

Color Converter - Troubleshooting Tools

Convert colors between HEX, RGB, HSL, HSV, and CMYK.

How Color Converter Works

What is Color Conversion?

Colors can be described in many formats. HEX codes (#FF5733) are standard in web design. RGB defines colors by red, green, and blue light. HSL uses hue, saturation, and lightness, which is more intuitive for adjusting colors. CMYK is the standard for print production.

This tool converts between all major color formats instantly as you type or pick a color.

How to Use

Enter a color in any format: #FF5733, rgb(255,87,51), hsl(11,100%,60%), or a CSS name like tomato.
Use the color picker to select a color visually.
Click any quick color button for common presets.
All output formats update live. Click any output field to copy its value.
The Color Palette below shows harmonies based on your current color.

Supported Formats

HEX	`#FF5733` Hexadecimal notation for CSS. Supports 3-digit (#F53) and 6-digit forms.
RGB	`rgb(255, 87, 51)` Additive color model for screens. Values 0 to 255 per channel.
HSL	`hsl(11, 100%, 60%)` Hue (0 to 360), Saturation, Lightness. More intuitive than RGB.
HSV	`hsv(11, 80%, 100%)` Hue, Saturation, Value. Common in graphics software like Photoshop.
CMYK	`cmyk(0%, 66%, 80%, 0%)` Subtractive model for print. Cyan, Magenta, Yellow, Key.
CSS	148 named colors: `tomato`, `coral`, `dodgerblue`, and more.

Color Harmonies

Complementary	Two colors opposite on the color wheel. High contrast, vibrant.
Analogous	Three adjacent colors on the wheel. Harmonious, low contrast.
Triadic	Three colors evenly spaced (120 degrees). Balanced and colorful.
Tetradic	Four colors at 90 degree intervals. Rich palettes, many options.
Monochromatic	One hue at different lightness levels. Cohesive and elegant.

Privacy & Security: All color conversions run entirely in your browser. No data is sent to any server.

Color Input

Output

HEX

RGB

HSL

HSV

CMYK

CSS Name

Color Palette

Color Converter

Leaving troubleshooting.tools