HEX
to
RGB
Converter

Convert color values between HEX, RGB, and HSL formats.

Converted Colors

HEX:  #FF5733
RGB:  rgb(255, 87, 51)
HSL:  hsl(11, 100%, 60%)

Red:   255
Green: 87
Blue:  51

Learn more

How do CSS color scales and design tokens create visual consistency?

Was this useful?

Related Tools

Color Picker

Pick colors visually, sync HEX/RGB/HSL values, and extract dominant palettes from uploaded images.

Design System Generator

Turn two or three brand colors into semantic design tokens with live previews and CSS, Tailwind, SCSS, and JSON exports.

Image Converter

Convert any image to JPG, PNG, WebP, GIF, BMP, TIFF, or AVIF. Accepts all major image formats as input.

Images to PDF

Merge image files into one downloadable PDF.

CSV to JSON Converter

Transform CSV rows into JSON arrays for API and app usage.

JSON to CSV Converter

Convert JSON arrays of objects to CSV format with automatic header extraction.

Frequently Asked Questions

Split the 6-digit hex code into three 2-digit pairs and convert each from base-16 to base-10. For example, #FF5733 becomes R=255, G=87, B=51.

HEX is a compact base-16 notation used in web design. RGB specifies red, green, and blue channel intensities from 0 to 255. HSL describes color using hue angle, saturation percentage, and lightness percentage, which is more intuitive for adjusting shades.

The alpha value in RGBA controls opacity on a scale from 0 (fully transparent) to 1 (fully opaque). In CSS, rgba(255, 87, 51, 0.5) renders the color at 50 percent opacity.

HEX to RGB Converter - Convert Color Codes | ToolsCanvas