TTelekit Tools
🎨

Hex ↔ RGB Color Converter

Convert between HEX, RGB, and HSL color formats. Pick a color or enter a value directly.

All formats

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

RGBA

rgba(59, 130, 246, 1)

Color format quick reference

HEX — used in CSS, design tools (Figma, Sketch). RGB — useful when you need to control individual channels or set opacity via RGBA.

HSL — hue/saturation/lightness; great for generating color palettes programmatically since hue is a simple degree value.

Free Online Color Format Converter

Easily convert color values between HEX, RGB, HSL, and RGBA formats. Inspect alpha opacity and get instant previews of your CSS colors.

1. Select Color Input

Use the color picker or input a string in any format (such as `#00ff00` or `rgb(0, 255, 0)`).

2. Copy Formatted Output

The tool updates all equivalent format codes dynamically. Copy your target string with a single click.

Understanding CSS Color Spaces

  • HEX Code: Hexadecimal strings representing Red, Green, and Blue intensities (e.g. `#FF5733`), widely used in web development.
  • RGB (Red, Green, Blue): Defines intensities as integers ranging from 0 to 255.
  • HSL (Hue, Saturation, Lightness): Offers an intuitive way to adjust colors by turning degrees of hue (0-360) and percentages of saturation/lightness.

Frequently Asked Questions

What is the difference between RGB and RGBA?

The "A" in RGBA stands for Alpha, representing the color's opacity/transparency layer ranging from 0.0 (fully transparent) to 1.0 (fully opaque).

Does this converter support CSS variables?

It supports standard CSS syntax values (like rgb or hsl functions) but not custom CSS variables.