Color Converter

Color format cheat sheet

• HEX: compact for CSS — e.g. #3b82f6
• RGB: channel values 0–255 — e.g. rgb(59, 130, 246)
• HSL: hue, saturation, lightness — e.g. hsl(217, 91%, 60%)
• HSV: hue, saturation, value — used by many design tools

When to use which format

Use HEX in stylesheets for brevity. Use RGB when you want direct control over color channels or need to animate between colors. Use HSL when designing a palette — changing the lightness or saturation creates natural color variants. Use HSV when working with image editors or color pickers that expose value sliders.