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 freeBrowser tool
Color code converter
Convert between HEX, RGB, HSL, HSV, and CMYK color codes locally in your browser.
Readable text: black
Contrast vs black: 5.93:1 · vs white: 3.54:1
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.
Features
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.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceSpecifications
| 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.
Design linear, radial, and conic gradients with multiple color stops. Copy the CSS code or download as a PNG image.
Convert HEX color codes to RGB values and vice versa. Live preview, one-click copy, and CSS snippet output. works in your browser.
Pick any color from an uploaded image and get its HEX, RGB, and HSL codes instantly. Build palettes from photos for web design, branding, and illustration.
Upload a photo and extract 5-10 dominant colors with HEX, RGB, and HSL codes. Copy swatches, export as ASE or CSS variables.
Generate QR codes for URLs, text, WiFi credentials, and vCards. Customize colors, add a center logo, and download as PNG or SVG.
Calculate width, height, or aspect ratio for images and video. Enter any two values and get the third. Preset ratios for social media, film, and print.