Design Tools

RGB to HSL & HSV Color Converter

Convert RGB color values to HSL and HSV representations with live color preview and 1-click CSS copying.

Hex Color

Red (0-255)

Green (0-255)

Blue (0-255)

Preview Color

HSL: hsl(243, 75%, 59%)

RGB: rgb(79, 70, 229)

HSV / HSB: hsv(243, 69%, 90%)

Recommended developer stack

Reliable SSD droplets, managed databases, and Kubernetes clusters deployed in seconds.

The open source Firebase alternative. Dedicated Postgres DB, instant Auth, and REST/GraphQL APIs.

Protect your developer workstations, APIs, and DNS queries with fast, encrypted tunnels.

Affiliate Disclosure: We may earn a commission from partner signups at zero cost to you, which funds our free tools and ad-free hosting.

HSL represents Lightness while HSV represents Value (brightness), making HSV popular in graphics editors.

Yes, enter either RGB numbers or a Hex color code to update all formats.

Yes, one click copies hsl() or rgb() CSS color definitions.