Color Converter

Runs in browser

Convert colors between HEX, RGB, HSL, and HSB formats instantly. Paste any color value and get all formats with a live preview — all in your browser.

Color Converter tool

PANTONE®

PANTONE®

11-4031

Cloud Dancer

Color of the Year 2026

View on Pantone →

Current color

HEX

RGB

HSL

HSB

Quick palette

Single colors for buttons, text, or accents.

Palette templates

Ready-made palettes for websites: primary, secondary, accent, muted, and background. Click any swatch to use it.

Ocean

Forest

Sunset

Minimal

Berry

How to use

  1. Enter any color value

    Type a HEX code, RGB, or HSL value into any input field — or use the color picker.

  2. See all formats instantly

    All four formats update in real time as you type.

  3. Copy the format you need

    Click Copy next to any format to copy it to your clipboard.

Examples

  • Color of the Year 2026

    Pantone Cloud Dancer — default in this tool.

    Input
    #F1F0EC
    Output
    rgb(241, 240, 236) / warm off-white

  • Tailwind Blue

    Common Tailwind blue in HEX and equivalents.

    Input
    #3B82F6
    Output
    rgb(59, 130, 246) / hsl(217, 91%, 60%)

  • Pure Red

    Primary red in HEX and equivalents.

    Input
    #FF0000
    Output
    rgb(255, 0, 0) / hsl(0, 100%, 50%)

Frequently asked questions

What color formats are supported?
HEX (3 and 6 digit), RGB, HSL, and HSB. You can type in any format and all others update automatically.
Is my color data sent to a server?
No. All conversion happens in your browser using JavaScript. Nothing is sent anywhere.
What is the difference between HSL and HSB?
HSL (Hue, Saturation, Lightness) and HSB (Hue, Saturation, Brightness) are similar but calculate the third value differently. CSS uses HSL, design tools like Figma and Photoshop often use HSB.
Can I use this for Tailwind CSS colors?
Yes — paste any Tailwind HEX value and instantly get the RGB and HSL equivalents for use in custom CSS.

Related tools

You might find these useful too.