✦ Font Bag

HEX ↔ RGB ↔ HSL Color Converter

Convert a color between HEX, RGB and HSL — type into any field (or use the picker) and the others update instantly. Copy whichever format you need.

HEX, RGB & HSL explained ↓

HEX, RGB and HSL — what they are

  • HEX — #RRGGBB, the web's shorthand for a color (two hex digits each for red, green, blue). Also supports #RGB and 8-digit #RRGGBBAA with alpha.
  • RGB — red, green, blue each 0–255. What screens actually mix.
  • HSL — hue (0–360°), saturation and lightness (0–100%). The most intuitive for adjusting a color — nudge lightness for a tint/shade, or hue to shift the color.

Edit any field and the rest follow. Rounding means a HSL→RGB→HSL round-trip can shift by ±1 — normal and harmless.

↑ Back to top

More in-browser tools

Image to ASCII ArtQR Code GeneratorImage Color Palette ExtractorASCII Camera

Font styles

Aesthetic FontsArrow SymbolsBubble FontsBullet PointsCalligraphy FontsCheck MarksCool FontsCopyright & Trademark SymbolsCurrency SymbolsCursive FontsCute FontsElegant FontsFancy FontsGaming FontsGothic FontsKawaii FontsNumber FontsOld English FontsPreppy FontsPretty FontsSmall TextStar SymbolsSymbolsVaporwave FontsWhimsical FontsY2K Fonts

FAQ

How do I convert HEX to RGB?

Type or paste your hex code (like #6b4cff) into the HEX field — the RGB and HSL values update instantly, and you can copy any of them.

What’s the difference between RGB and HSL?

RGB sets red/green/blue directly (what the screen mixes). HSL uses hue, saturation and lightness, which is easier when you want to lighten, darken or shift a color while keeping it recognizable.

Does it support transparency (alpha)?

You can paste an 8-digit hex (#RRGGBBAA) and it’s parsed. The RGB/HSL outputs show the solid color; use the hex for the alpha.

Is anything sent to a server?

No — it’s pure math running in your browser. Nothing is uploaded.