Color Picker / Converter

    Convert between HEX, RGB, and HSL

    Learn the formula
    RGB
    rgb(99, 102, 241)
    HSL
    hsl(239, 84%, 67%)
    HEX
    #6366F1

    HEX, RGB & HSL Color Conversion

    Web colors can be expressed in three main formats: HEX (#RRGGBB), RGB (red, green, blue channels 0–255), and HSL (hue 0–360°, saturation %, lightness %). Each format is useful in different contexts — CSS supports all three, while design tools often prefer HSL for its intuitive hue/saturation model. This tool converts between all three instantly.

    Use the visual picker to select any color visually, or type in a known value in any format. The outputs update across all three representations simultaneously. Whether you're matching brand colors, translating a designer's spec into code, or exploring a color palette, this tool bridges the gap between visual and technical representations.

    Frequently Asked Questions