The same color can be expressed in several ways in CSS: HEX (#RRGGBB), RGB (rgb(r, g, b), with r/g/b from 0 to 255) and HSL (hsl(h, s%, l%), hue/saturation/lightness). This tool converts between the three representations and keeps the fields in sync. Type a value into any field and press Convert; the color swatch will reflect the result.

Example: #3b82f6 equals rgb(59, 130, 246) and hsl(217, 91%, 60%).