HEX to RGB Converter
Convert colours between HEX, RGB, HSL, and HSV instantlyEnter a colour in any format — all others update instantly
Click the swatch to open the colour picker, or type directly in any field below.
Hex#RRGGBB
RGBrgb(R, G, B)
HSLhsl(H, S%, L%)
HSV / HSBhsv(H, S%, V%)
Alphaopacity · 0–100%
100%
Frequently Asked Questions
What is a color converter?
A color converter translates a color value between different CSS and design formats — HEX, RGB, RGBA, HSL, HSLA, and HSV — instantly. Enter a color in any format and all equivalent representations update in real time, letting you copy the format needed by your CSS, design tool, or codebase.
What is the difference between HSL and HSB/HSV color models?
HSL (Hue, Saturation, Lightness) and HSB/HSV (Hue, Saturation, Brightness/Value) are similar but not identical. In HSL, pure colors sit at 50% lightness; black is 0% and white is 100%. In HSB, pure colors sit at 100% brightness; both black and white are at 0% and 100% saturation respectively. CSS uses HSL; image editors typically use HSB/HSV.
How do I convert a hex color to RGB for use in CSS or JavaScript?
Hex #RRGGBB splits into R=0xRR, G=0xGG, B=0xBB. For #1A2B3C: R=26, G=43, B=60. In CSS: rgb(26, 43, 60). In JavaScript: const r = parseInt(hex.slice(1,3),16). This tool converts instantly — paste any hex code and all formats appear simultaneously.
What is the CMYK color model and when is it used?
CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive model used in print production. Printers mix ink rather than light, so colors work oppositely to RGB. Web design uses RGB and hex; print design uses CMYK. When designing for print, ask your printer for the required color profile (CMYK values) and verify colors in a CMYK-aware tool like Adobe Illustrator.
Why do the same hex colors look different on different screens?
Screens use different color gamuts and calibrations. sRGB is the standard web color space, but wide-gamut displays (P3, Rec.2020) reproduce more saturated colors. An uncalibrated display may show the same hex value with noticeably different brightness or hue. For color-critical work, calibrate your monitor with a colorimeter and use a design tool that specifies the color profile.
About HEX to RGB Converter
Type a colour in any format — HEX, RGB, HSL, or HSV — and see all other representations update in real time. Includes a live colour swatch. Supports 3-digit hex shorthand (#FFF), hex with 0x prefix, and rgb()/hsl()/hsv() function notation. Runs entirely in your browser.