Color Converter

Convert between HEX, RGB, and HSL and preview the result instantly.

Color Inputs

Preview

About Color Conversion

Color Formats

  • HEX: #RRGGBB format (e.g., #FF5733) used in web design
  • RGB: RGB(R, G, B) with values 0-255
  • HSL: HSL(H, S%, L%) based on hue, saturation, lightness

Real-World Use Cases

  • Web Design: Convert colors between HEX and RGB for CSS
  • Accessibility: Adjust brightness (lightness) for readability
  • Print Design: Convert RGB to CMYK for printing
  • Brand Colors: Match exact colors across media

Example

HEX: #FF5733 = RGB: (255, 87, 51) = HSL: (12°, 100%, 60%)