Zero Signup ToolsFree browser tools

Converter Tools

HEX to RGB Converter

Convert HEX colors to RGB, RGBA, and HSL in your browser. Two-way conversion with alpha support, color picker, and live preview.

Convert

HEX, RGB, RGBA, and HSL color values

Accepts 3, 4, 6, or 8 character HEX. Examples: #f0f #3b82f6 #3b82f680

Quick samples

All formats

  • HEX

    #3b82f6

  • HEX with alpha

    #3b82f6ff

  • RGB

    rgb(59, 130, 246)

  • RGBA

    rgba(59, 130, 246, 1)

  • HSL

    hsl(217, 91%, 60%)

  • HSLA

    hsla(217, 91%, 60%, 1)

  • Red

    59

  • Green

    130

  • Blue

    246

  • CSS variable

    --color: #3b82f6;

How to use

  1. Pick a direction: HEX to RGB, or RGB to HEX.
  2. Type or paste your color, or use the color picker for HEX.
  3. Read every format in the All formats panel below the preview.
  4. Click Copy on any row to copy that value.

About this tool

HEX to RGB Converter turns color values into every CSS-friendly format at once. Paste a HEX code (3, 4, 6, or 8 characters) or RGB triplet and get back HEX, HEX with alpha, RGB, RGBA, HSL, HSLA, individual red/green/blue channels, and a ready-to-paste CSS variable. A live color swatch shows exactly what the value looks like, and the built-in color picker lets you grab any HEX visually. Conversions run entirely in your browser, so colors you are testing never leave your device.

Free to use. Works in your browser. No signup, no login.

Related tools

You may also like

All tools
Converter

Color Format Converter

Convert any CSS color to HEX, RGB, HSL, HWB, CMYK, and named values at once.

Open tool

SEO

Color Contrast Checker

Check WCAG AA, AAA, and UI contrast ratios with live preview and pass or fail badges.

Open tool

Generator

CSS Gradient Generator

Linear, radial, and conic gradients with multi-stop editor and live preview.

Open tool

Image

Image Color Picker

Pick exact HEX, RGB, and HSL colors from any image with a magnified loupe.

Open tool

All toolsConverter Tools