Color Converter

Enter Color Value:

From Format:

HEXRGBRGBAHSLHSLAColor Name

To Format:

HEXRGBRGBAHSLHSLAColor Name

Conversion Options

Show All FormatsDisplay color in all available formats

Conversion Result

All Color Formats:

HEX

#000000

RGB

rgb(0,0,0)

RGBA

rgba(0,0,0,1)

HSL

hsl(0,0%,0%)

HSLA

hsla(0,0%,0%,1)

Name

Black

Color Information:

Enter a color to see information

Note: This tool converts between different color formats (HEX, RGB, HSL, etc.).

About This Color Converter

This tool converts between different color formats including HEX, RGB, RGBA, HSL, HSLA, and color names. It provides accurate conversions and displays the color visually for reference.

How to Use This Converter

Step-by-Step Guide:

1. Step 1: Enter the color value you want to convert
2. Step 2: Select the format you're converting from
3. Step 3: Select the format you want to convert to
4. Step 4: Click "Convert Color" to see results
5. Step 5: View additional color information
6. Step 6: Copy or clear results as needed

Supported Formats:

• HEX: #RRGGBB or #RGB (e.g., #ff0000 or #f00)
• RGB: rgb(red, green, blue) (e.g., rgb(255, 0, 0))
• RGBA: rgba(red, green, blue, alpha) (e.g., rgba(255, 0, 0, 0.5))
• HSL: hsl(hue, saturation%, lightness%) (e.g., hsl(0, 100%, 50%))
• HSLA: hsla(hue, saturation%, lightness%, alpha) (e.g., hsla(0, 100%, 50%, 0.5))
• Color Names: Standard CSS color names (e.g., "red", "blue", etc.)

Example Conversions:

Input: #ff0000 (HEX) to RGB
Output: rgb(255, 0, 0)

Input: rgb(0, 255, 0) to HSL
Output: hsl(120, 100%, 50%)

Input: hsl(240, 100%, 50%) to Color Name
Output: blue