Color Format Converter
Supports conversion between RGB, HEX, HSL, CMYK, LAB, XYZ, and other color formats, and generates color schemes
Browser execution mode: Your data is processed in your browser and is not uploaded to the server.
Speed and Stability: Processing speed depends on your device and browser. For large batch work, the desktop version may be more stable.
Loading tool, please wait...
Loading tool, please wait...
If the online tool fails to load or run, try the desktop tool.https://tools.yikeaigc.com/
Tool Usage
Return to old versionTip:Set the base color and precision first, then view conversion results. Supports HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, LAB, XYZ, and more.
Base ColorStart with a color picker, text, or sample color
#2F8BFF
Examples: #0F8F8F, rgb(15,143,143), hsl(180,81%,31%), cmyk(90%,0%,0%,44%), lab(53.23,80.11,67.22)
Conversion SettingsControls output formats and palette results
0%
0%
Tip:After confirming the color, copy individual formats or all results at once. Contrast helps check readability on white or black backgrounds.
Format Conversion ResultsClick the button on the right to copy
Color Preview & ContrastPreview on white, black & transparent
Text preview on white
Text preview on black
-White contrast
-Black contrast
-White level
-Black level
CSS Variables
Tip:Choose a palette type first, then generate or export. Batch text conversion uses one color per line, ideal for organizing colors from designs, CSS, or spreadsheets.
Color PaletteClick a swatch to set as base color
Batch Text ConversionOne color per line, showing up to 20
| Preview | Original Input | HEX | RGB | HSL | CMYK | Status |
|---|
Copied
Instructions
Software Usage Instructions
- Set the base color: Select a color in the color picker, or enter a color value such as HEX, RGB, HSL, HSV, CMYK, LAB, or XYZ in the input box, then click “Apply Color”.
- Adjust conversion parameters: Set the decimal precision, Alpha transparency, HEX letter case, saturation fine-tuning, and lightness fine-tuning as needed, then proceed to the next step to view the results.
- View conversion results: The tool generates results such as HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, LAB, XYZ, and CSS variables. You can click the copy button to copy each one individually.
- Check contrast: On the results page, view the contrast level of the current color on white and black backgrounds to help assess text readability.
- Generate color schemes: Choose a monochromatic, analogous, complementary, split-complementary, triadic, or tetradic scheme. Click a color swatch to set that color as the new base color.
- Batch convert colors: Enter one color value per line in the batch text conversion area, then click “Start Batch Conversion” to view the first 20 results and download the complete ZIP results package.
- Save and export: Click “Save Settings” to save commonly used parameters. Color schemes can be copied and can also be exported as TXT, JSON, CSS variables, or SVG color cards.
Frequently Asked Questions
A: Common color formats such as HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, LAB, and XYZ are supported. You can also directly enter RGB values like “255, 87, 51”.
A: HEX and RGB are commonly used for web pages, CSS, and application interfaces. HSL is better suited for adjusting colors by hue, saturation, and lightness, making it easier to fine-tune color schemes.
A: CMYK results can be used as a reference for print color matching. Actual printing is also affected by paper, ink, color profiles, and device calibration, so it is recommended to confirm requirements with the print provider before final output.
A: LAB and XYZ are commonly used for color management, color difference analysis, and cross-device color description. LAB is closer to human visual perception, while XYZ is a foundational model in the CIE standard color space.
A: Enter one color value per line and click “Start Batch Conversion”. The tool will display the first 20 results. After processing is complete, you can click “Download ZIP”; the archive contains JSON, CSV, and TXT result files.
A: Monochromatic, analogous, complementary, split-complementary, triadic, and tetradic schemes are supported. Different schemes suit different design scenarios and can be selected based on brand colors, page style, or contrast needs.
A: No. Color input, format conversion, color scheme generation, and batch result processing are all completed on the current page. Color data is not uploaded to the server.