Hex to RGB
Convert hex color codes to RGB and vice versa online for free. Also converts to HSL, CMYK, and shows a live preview.
Runs entirely in your browser — files never uploaded
HEX#4285f4
RGBrgb(66, 133, 244)
RGBArgba(66, 133, 244, 1)
HSLhsl(217, 89%, 61%)
CMYKcmyk(73%, 45%, 0%, 4%)
How to use Hex to RGB
- 1. Enter a color. Type a hex code, use the color picker, or drag the RGB sliders to select your color.
- 2. See all formats. HEX, RGB, RGBA, HSL, and CMYK values update in real time as you adjust.
- 3. Copy and use. Click the copy button next to any format to copy it to your clipboard.
FAQ
What hex formats are supported?
Both 3-digit (#F00) and 6-digit (#FF0000) hex codes are supported, with or without the # prefix.
How is HSL calculated?
HSL (Hue, Saturation, Lightness) is derived from the RGB values using the standard conversion algorithm.
What is CMYK used for?
CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used in print. The values shown are approximate screen-to-print conversions.
Does the alpha slider affect hex?
The hex output always shows the opaque color. The alpha value is reflected in the RGBA output and the preview swatch.
Related tools
- Color PickerPick any color from an image and get its HEX, RGB, and HSL code online for free. Click any pixel to grab the exact color. No signup.
- Favicon GeneratorGenerate all favicon sizes (16x16, 32x32, 180x180, 512x512) from one image online for free. Download as a ZIP. No signup.
- Color ConverterConvert colors between HEX, RGB, HSL, and CMYK online for free. Live preview with all formats at once. No signup.
- CSS GradientCreate beautiful CSS gradients with live preview online for free. Linear and radial gradients. Copy CSS code in one click. No signup.
- Box ShadowCreate CSS box shadows with a visual editor online for free. Adjust offset, blur, spread, color, and inset. Copy CSS in one click. No signup.
- Border RadiusCreate CSS border-radius with per-corner control online for free. Visual editor with live preview. Copy CSS in one click. No signup.
Advertisement