HEX to RGB Color Converter
Enter a HEX color code and instantly get the equivalent RGB, HSL, HSV, and CMYK values. Also shows a lightness scale for the same hue.
rgb(59, 130, 246)59130246hsl(217, 91%, 60%)hsv(217, 76%, 96%)cmyk(76%, 47%, 0%, 4%)Lightness Scale
HEX color format
HEX colors are six-digit hexadecimal numbers prefixed with #, e.g. #3b82f6. Each pair of digits represents a channel: #RRGGBB. Short 3-digit codes (#rgb) expand to 6 digits by doubling each character — #3b8 becomes #33bb88.
Output formats explained
- RGB — Red, Green, Blue (0–255). The standard screen color model.
- HSL — Hue (0–360°), Saturation (0–100%), Lightness (0–100%). Intuitive for design work.
- HSV — Hue, Saturation, Value (Brightness). Used in design apps like Photoshop.
- CMYK — Cyan, Magenta, Yellow, Key (Black). Used in print design.
Quick reference
| Color | HEX | RGB |
|---|---|---|
| Red | #ff0000 | rgb(255, 0, 0) |
| Green | #00ff00 | rgb(0, 255, 0) |
| Blue | #0000ff | rgb(0, 0, 255) |
| White | #ffffff | rgb(255, 255, 255) |
| Black | #000000 | rgb(0, 0, 0) |
Related Tools
RGB to HEX Color Converter
Set R, G, B values with sliders or inputs and get the HEX, HSL output.
Color Contrast Checker — WCAG AA & AAA Compliance
Check WCAG 2.1 color contrast ratio for AA and AAA compliance. Live text preview.
Color Mixer & Gradient Generator
Blend two colors together with a ratio slider. Get a full gradient palette.
CSS Color Names — All 148 Named Colors
Browse all 148 CSS named colors with their HEX and RGB values.
Material Design Color Chart & Palette
Material Design color palette — 19 hue families × 10 shades each.
Minecraft Color Codes & Formatting
All Minecraft §-prefixed color and formatting codes with previews.
Roblox Color Codes & BrickColor IDs
Complete Roblox BrickColor palette with color IDs and RGB values.
Color Palette Generator
Generate harmonious color palettes from a base color using complementary, triadic, and analogous schemes.
Color Format Converter
Convert colors between HEX, RGB, HSL, HSV, CMYK, and CSS named color formats instantly.
Color Shades Generator
Generate a 10-step shade palette (50–900) from any base color using HSL lightness scaling — just like Tailwind CSS.
Color Gradient Palette Generator
Generate smooth RGB gradients between two colors with 3–20 steps. Copy HEX swatches, CSS linear-gradient, or a Tailwind array.
Color Contrast Analyzer
Check WCAG 2.1 contrast ratios for any color pair. Pass/fail for AA and AAA levels — plus automatic suggestions and live text preview.
Color Blindness Simulator
Upload any image to see how it appears with Protanopia, Deuteranopia, Tritanopia, and Achromatopsia.
Online Color Picker — HEX, RGB & HSL
Pick any color visually with a canvas-based HSV picker. Export as HEX, RGB, or HSL.
Color Wheel Online — Interactive HSL Color Picker
Interactive HSL color wheel. Click any point to pick its hue and saturation.
Image Color Picker — Sample Colors from Photos
Upload any image and click to sample colors directly from pixels.