Convert color codes between every major format
Enter a color in any supported format — HEX, RGB, HSL, HSB, or CMYK — and the tool instantly displays the equivalent value in every other format. A live swatch previews the color, and every value is one click away from your clipboard. Use it to translate brand colors between design tools, CSS, and print specs.
Use this tool freeFeatures
Six color formats
Convert between HEX, RGB, HSL, HSB, CMYK, and CSS named colors. Enter a value in any field and the others update instantly.
Live color preview
A large swatch updates in real time as you type. See the exact shade without leaving the tool or switching to a design application.
One-click copy
Click any color value to copy it to the clipboard. A small toast notification confirms the copy so you can paste immediately.
Color card export
Download a PNG card showing the swatch with all its format values. Use it in presentations, style guides, or documentation.
How to use
Enter a color value
Type or paste a color in any supported format — for example #FF5733, rgb(255, 87, 51), or hsl(11, 100%, 60%).
View conversions
All other format fields update automatically. The preview swatch shows the color alongside contrast information.
Copy or export
Click any value to copy it, or download the color card as a PNG for documentation and style guides.
Specifications
| Supported formats | HEX, RGB, HSL, HSB, CMYK, CSS named |
| Preview | Live swatch with contrast ratio |
| Export | PNG color card |
| Alpha support | HEX8, RGBA, HSLA |
| Named colors | 148 CSS named colors |
| Processing | Client-side (no upload) |
Related Magic Eraser Tools
Common questions
Is the CMYK conversion accurate for print?
+
The tool uses a standard formula to approximate CMYK values from RGB. For critical print work, you should verify the CMYK value against a calibrated ICC color profile in your print workflow, as the conversion depends on the specific ink and paper combination.
Can I enter colors with alpha transparency?
+
Yes. The tool supports 8-digit HEX codes, RGBA, and HSLA values. The alpha channel is preserved across conversions where the format supports it.
What is the difference between HSL and HSB?
+
HSL (Hue, Saturation, Lightness) and HSB (Hue, Saturation, Brightness) use the same hue axis but define saturation and the third component differently. The tool converts between them so you can work in whichever model your design application uses.
Need to color-correct a photo?
AI Enhance can adjust white balance, saturation, and color temperature in your photos. Get the colors right at the source, then use this tool to find the exact codes.
Try it freeMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Resize images to exact pixel dimensions for social media, web, and print. Sign-in required for free edits. Supports JPEG, PNG, and WebP up to 50 MB.
Compress JPEG, PNG, and WebP images by up to 80 % with minimal visible quality loss. Adjust the quality slider for full control. Sign-in required for free edits.
Convert PNG images to JPEG format instantly. Adjust output quality, pick a background color for transparent areas, and download — sign-in required.
Convert JPEG images to PNG format for lossless quality and transparency support. Ideal before background removal. Sign-in required; no install required.
Convert Apple HEIC and HEIF photos to universally compatible JPEG format. Works in the browser — no app install, sign-in required, no file uploads to a server.
Convert JPEG and PNG to WebP for faster page loads, or convert WebP back to JPEG/PNG for compatibility. Sign-in required, no install, runs in the browser.