What are the different color formats?

Common color formats: HEX (#FF5733) - 6 hexadecimal digits for RGB. RGB (255, 87, 51) - red, green, blue values 0-255. HSL (14°, 100%, 60%) - hue, saturation, lightness. RGBA/HSLA add alpha channel for transparency. CMYK is used for print.

How do I convert HEX to RGB?

Split the hex code into pairs: #FF5733 = FF, 57, 33. Convert each pair from hexadecimal to decimal: FF = 255, 57 = 87, 33 = 51. Result: RGB(255, 87, 51). Our tool converts automatically between all formats.

What is the difference between RGB and CMYK?

RGB (Red, Green, Blue) is additive color for screens—colors are created by adding light. CMYK (Cyan, Magenta, Yellow, Black) is subtractive color for print—colors are created by absorbing light. Colors may look different between screen (RGB) and print (CMYK).

What is HSL and when should I use it?

HSL (Hue, Saturation, Lightness) is intuitive for color manipulation. Hue is the color (0-360°), saturation is intensity (0-100%), lightness is brightness (0-100%). HSL makes it easy to create color variations—adjust lightness for shades/tints, saturation for vibrancy.

How do I choose accessible color combinations?

For accessibility, ensure sufficient contrast between text and background. WCAG guidelines require 4.5:1 contrast ratio for normal text, 3:1 for large text. Use dark text on light backgrounds or vice versa. Avoid red/green combinations for colorblind users.

Back

Color Picker & Converter

Color formats include HEX (#FF5733), RGB (255, 87, 51), and HSL (14°, 100%, 60%). HEX uses hexadecimal values 00-FF for red, green, blue. Convert between formats: RGB to HEX by converting each value to hex.

Pick colors and convert between HEX, RGB, and HSL formats. Generate color variations and copy color codes. Free online color tool.

Color Preview

HEX

RGB

rgb(78, 205, 196)

HSL

175°

58%

55%

hsl(175, 58%, 55%)

Color Variations

Click to select a shade

Color Format Guide

HEX: 6-digit hexadecimal (#RRGGBB)
RGB: Red, Green, Blue values (0-255 each)
HSL: Hue (0-360°), Saturation (0-100%), Lightness (0-100%)

How to Use

Enter your value in the input field
Click the Calculate/Convert button
Copy the result to your clipboard

Frequently Asked Questions

What are the different color formats?: Common color formats: HEX (#FF5733) - 6 hexadecimal digits for RGB. RGB (255, 87, 51) - red, green, blue values 0-255. HSL (14°, 100%, 60%) - hue, saturation, lightness. RGBA/HSLA add alpha channel for transparency. CMYK is used for print.
How do I convert HEX to RGB?: Split the hex code into pairs: #FF5733 = FF, 57, 33. Convert each pair from hexadecimal to decimal: FF = 255, 57 = 87, 33 = 51. Result: RGB(255, 87, 51). Our tool converts automatically between all formats.
What is the difference between RGB and CMYK?: RGB (Red, Green, Blue) is additive color for screens—colors are created by adding light. CMYK (Cyan, Magenta, Yellow, Black) is subtractive color for print—colors are created by absorbing light. Colors may look different between screen (RGB) and print (CMYK).
What is HSL and when should I use it?: HSL (Hue, Saturation, Lightness) is intuitive for color manipulation. Hue is the color (0-360°), saturation is intensity (0-100%), lightness is brightness (0-100%). HSL makes it easy to create color variations—adjust lightness for shades/tints, saturation for vibrancy.
How do I choose accessible color combinations?: For accessibility, ensure sufficient contrast between text and background. WCAG guidelines require 4.5:1 contrast ratio for normal text, 3:1 for large text. Use dark text on light backgrounds or vice versa. Avoid red/green combinations for colorblind users.