Color Converter
Type any color in HEX, RGB, HSL, or HSV to instantly convert between all formats.
#3B82F6
rgb(59, 130, 246)
All Formats
How to use Color Converter
Convert a single color between HEX, RGB, HSL, HSV, CMYK, and CSS named color formats with one click. Enter any value and see all equivalents at once. A quick reference tool for developers translating design specs into CSS, and designers checking color values across tools.
- Type a color value in any format into the input box.
- All equivalent representations appear instantly in every format.
- Click a format row to copy that specific value.
- Use the swatch preview to confirm the color is correct.
- Bookmark specific conversions using the shareable URL.
Your data never leaves your device — 100% private processing.
Quick format cheat sheet
HEX is a 6-digit hexadecimal string (#rrggbb) — the most compact and widely used format in HTML/CSS. Short HEX (#rgb) is a 3-digit alias where each digit is doubled: #abc = #aabbcc. RGB uses decimal values 0–255 for each channel. HSL uses hue (0–360°), saturation (0–100%), and lightness (0–100%). CSS color keywords (red, blue, cornflowerblue) are resolved to HEX equivalents. All these formats describe colors in the sRGB space — the standard for screens and the web.
Alpha / transparency conversion
Transparency is expressed differently across formats: HEX 8-digit (#rrggbbaa where aa is 00–ff), CSS rgba(r,g,b,0–1), CSS hsla(h,s%,l%,0–1). An alpha of 0.5 corresponds to #80 in 8-digit HEX (50% of 255 = 127.5 ≈ 0x80). CSS modern syntax also allows: rgb(255 128 0 / 50%). The CMYK format does not support transparency natively — it is a print format where transparency is handled by not printing ink on that area.
Glossary
- HEX color
- A 6-digit base-16 number (#rrggbb) representing red, green, and blue channel values from 00 to ff.
- HSL
- Hue (0–360°), Saturation (0–100%), Lightness (0–100%) — a cylindrical color model more intuitive than RGB for adjustments.
- Short HEX
- A 3-character HEX shorthand (#rgb) valid only when each channel pair consists of two identical digits.
- RGBA
- RGB with an alpha channel: rgba(red, green, blue, alpha) where alpha ranges from 0 (transparent) to 1 (opaque).
Related reading
Frequently Asked Questions
Get weekly tool tips & updates
New tools, power-user tips, and productivity hacks — delivered free every Friday.
No spam, ever. Unsubscribe with one click.
Why use Color Converter?
- Converts between HEX, RGB, HSL, HSV, and CMYK instantly
- Accessibility contrast checker built in
- Generates harmonious palette variations from a single colour
- Export-ready CSS variables and design tokens
Common use cases
- Pick brand colours that meet WCAG accessibility standards
- Generate a complementary palette from a logo colour
- Convert Figma HEX codes to CSS rgb() for developers
- Create a gradient from two brand colours
- Verify sufficient contrast for text on coloured backgrounds
Related Color & Design
Color Palette Generator
Generate beautiful color palettes from any base color. Create monochromatic, analogous, complementary, and triadic color schemes.
Color Contrast Checker
Check color contrast ratios for WCAG 2.1 AA and AAA compliance. Ensure your website colors are accessible to all users.
Color Picker & Converter
Pick a color and instantly convert between HEX, RGB, HSL, HSB, and CMYK. Generate tints, shades, and color palettes.
CSS Gradient Generator
Create beautiful CSS linear, radial, and conic gradients online. Get the CSS code instantly with a live preview.
Color Contrast Checker
Check color contrast ratio for WCAG AA and AAA accessibility compliance. See if your text and background colors meet accessibility standards.
Color Palette Generator
Generate beautiful harmonious color palettes online. Choose from complementary, analogous, triadic, and monochromatic schemes. Free color scheme creator.
Explore all Color & Design.