专业取色器

专业取色器——HEX、RGB、HSL 转换及更多功能

选择颜色、转换格式并创建和谐调色板

理解 HEX、RGB、HSL 和 RGBA 颜色格式

我们的取色器支持所有常见颜色格式，并可实时转换：

• HEX：十六进制表示（例如 #3B82F6）——网页设计中的标准
• RGB：0-255 的红、绿、蓝值（例如 rgb(59, 130, 246)）
• RGBA：带有透明 Alpha 通道的 RGB（例如 rgba(59, 130, 246, 0.8)）
• HSL：色相、饱和度、亮度——对设计师很直观
• HSLA：带透明 Alpha 通道的 HSL

无障碍颜色对比度，支持 WCAG 检查

我们的取色器支持所有常见颜色格式，并可实时转换：

• AA 标准：普通文本的对比度至少为 4.5:1
• AA 标准（大号）：大号文本（18px 起）的对比度至少为 3:1
• AAA 标准：增强要求的对比度至少为 7:1

我们的工具会立即显示您的颜色组合是否符合 AA 或 AAA 标准，并帮助您创建包容、无障碍的设计。

打造完美设计的色彩和谐

我们的工具会立即显示您的颜色组合是否符合 AA 或 AAA 标准，并帮助您创建包容、无障碍的设计。

• 互补色：色轮上彼此相对的颜色——高对比度
• 类似色：相邻的颜色——和谐宁静的调色板
• 三色组：间隔均匀三种颜色——活泼且平衡
• 单色：同一种颜色的不同深浅——优雅且简约

明暗色调——颜色渐变

直接将您的颜色导出为常见格式：

吸管取色和颜色历史记录

这样可以直接从您的屏幕上取色。它会在浏览器本地保存最近选择的 10 种颜色，方便您快速访问以前用过的颜色。

为开发者提供的导出选项

直接将您的颜色导出为常见格式：

• CSS 变量： :root { --primary-color: #3b82f6; }
• Tailwind 配置：可直接复制的 Tailwind CSS 配置

常见问题解答（FAQ）