HEX to RGB Converter

Convert HEX color codes to RGB, HSL, CMYK and more with real-time preview.

Swap

1. Enter HEX Color

Recent Colors

2. Pick a Color

Use color picker

3. Opacity

100%

4. Quick Presets

Live Preview

Your UI Preview
Home Products About

This is a preview

See how your selected color looks in a real UI context.

Card Title

This card uses the selected color for accents and elements.

Converted Values

HEX
#7C3AED
RGB
124, 58, 237
HSL
262°, 83%, 58%
HSV
262°, 76%, 93%
CMYK
48%, 75%, 0%, 7%
OKLCH
0.53 0.22 290.7

RGB Breakdown

Red 124
Green 58
Blue 237

Color Information

Color Name Blue Violet
HEX (Short) #73E
Luminance 0.101
Contrast (White)
7.28 : 1 AA
Contrast (Black)
2.89 : 1 Fail 
.my-element {
  color: #7C3AED;
  background-color: #7C3AED;
  border-color: #7C3AED;
}

Popular Tools

Color Picker

Pick colors from images and get HEX, RGB and HSL codes.

Open Tool

Palette Generator

Create beautiful color palettes for your web projects.

Open Tool

Gradient Generator

Generate CSS linear and radial gradients with ease.

Open Tool

Contrast Checker

Verify color contrast scores against WCAG standards.

Open Tool

Palette Library

Browse and copy popular color combinations for templates.

Open Tool

Related Tools

Continue exploring ColorTriox with these useful color tools.

Color Picker

Pick colors from images and get HEX, RGB and HSL codes.

RGB to HEX

Convert RGB values into HEX codes for HTML and CSS.

HSL Converter

Convert colors to HSL format and adjust saturation/lightness.

Gradient Generator

Generate CSS linear and radial gradients with ease.

Contrast Checker

Verify color contrast scores against WCAG standards.

Color Wheel

Explore color harmonies and schemes on a visual wheel.

Palette Generator

Create beautiful color palettes for your web projects.

Palette Library

Browse and copy popular color combinations for templates.

You May Also Like

Color Picker RGB to HEX HSL Converter Gradient Generator Contrast Checker Color Wheel Palette Generator Palette Library List of Colors Accessibility Guide Color Theory

Explore More Tools

Color Tools

Palette Tools

Accessibility

Learning