Color Converter

Convert colors between HEX, RGB, HSL, HSV, and other formats instantly. Enter any valid color value to see all conversions.

Input Color
Enter a color in any format (HEX, RGB, HSL, named color, etc.)

30

136

229

1.00

All Formats
Click any format to copy to clipboard

#1e88e5

#1e88e5ff

rgb(30, 136, 229)

rgba(30, 136, 229, 1)

hsl(208, 79%, 51%)

hsla(208, 79%, 51%, 1)

hsv(208, 87%, 90%)

N/A

Color Components
208°
79%
51%
90%

Color Format Conversion

This tool converts colors between different formats instantly. Enter a color in any supported format and see it converted to all other formats.

Supported Formats

HEX

The most common web color format.

  • 3-digit: #RGB (e.g., #F00)
  • 6-digit: #RRGGBB (e.g., #FF0000)
  • 8-digit: #RRGGBBAA (e.g., #FF0000FF)

RGB / RGBA

Red, Green, Blue (with optional Alpha).

  • rgb(255, 0, 0)
  • rgba(255, 0, 0, 1)

HSL / HSLA

Hue, Saturation, Lightness (with optional Alpha).

  • hsl(0, 100%, 50%)
  • hsla(0, 100%, 50%, 1)

HSV / HSB

Hue, Saturation, Value/Brightness.

  • hsv(0, 100%, 100%)

Named Colors

CSS named colors like red, blue, coral, etc.

Color Components

| Component | Range | Description | |-----------|-------|-------------| | Red (R) | 0-255 | Red channel intensity | | Green (G) | 0-255 | Green channel intensity | | Blue (B) | 0-255 | Blue channel intensity | | Hue (H) | 0-360 | Color angle on color wheel | | Saturation (S) | 0-100% | Color intensity | | Lightness (L) | 0-100% | Light/dark level | | Value (V) | 0-100% | Brightness level | | Alpha (A) | 0-1 | Transparency level |

Use Cases

  • CSS development - Convert between formats for stylesheets
  • Design handoff - Provide colors in required format
  • Cross-platform - Match colors across different tools