RGB to HSL Converter Online

Enter R, G, B values and get the hsl() equivalent with a live swatch.

Summary

Enter R, G, B values and get the hsl() equivalent with a live swatch.

How it works

  1. Enter the red, green, and blue values (0-255)
  2. Read the hue, saturation, and lightness output
  3. Copy the formatted hsl() string

Use cases

  • Understand the hue angle of an RGB color
  • Convert RGB palette exports to HSL for CSS variables
  • Build color scheme generators that operate on HSL

Frequently Asked Questions

Last updated: 2026-07-01 · Reviewed by Nham Vu