Color Converter

How to Use This Tool 使用说明

1. Use the color picker to visually select a color, or type a HEX code directly into the input.
2. The tool instantly displays the color in HEX, RGB, HSL, and CMYK formats.
3. Each format has a copy button — click to copy that format to your clipboard.
4. The WCAG Contrast Checker evaluates the selected color against white and black backgrounds.
5. A complementary color palette is generated below the main picker.

1. 使用取色器可视化选择颜色，或直接在输入框中输入 HEX 色值。
2. 工具即时显示 HEX、RGB、HSL 和 CMYK 四种格式的颜色值。
3. 每种格式都有复制按钮——点击即可复制到剪贴板。
4. WCAG 对比度检查器会评估所选颜色在白色和黑色背景上的可读性。
5. 主取色器下方会生成互补色系色板。

Frequently Asked Questions 常见问题

• What is the difference between HEX and RGB? — HEX is a hexadecimal representation (e.g., #FF5733) while RGB uses decimal values (e.g., rgb(255, 87, 51)). They represent the same color — just in different notations.
• What is WCAG contrast? — WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios for text readability: AA Normal (4.5:1), AA Large (3:1), and AAA (7:1). Higher contrast means better readability.
• When should I use HSL? — HSL (Hue, Saturation, Lightness) is intuitive for color manipulation. It is easier to create color variations by adjusting saturation or lightness compared to RGB.

• HEX 和 RGB 有什么区别？ — HEX 是十六进制表示（如 #FF5733），RGB 使用十进制值（如 rgb(255, 87, 51)）。它们表示相同的颜色，只是记法不同。
• 什么是 WCAG 对比度？ — WCAG（Web 内容无障碍指南）定义了文本可读性的最低对比度标准：AA 普通（4.5:1）、AA 大字（3:1）和 AAA（7:1）。对比度越高，可读性越好。
• 什么时候用 HSL？ — HSL（色相、饱和度、亮度）在颜色调整时更直观。相比 RGB，通过调整饱和度或亮度来创建颜色变化更容易。