🎯 取色器
点击画布选择颜色，实时查看 HEX / RGB / HSV / HSL / CMYK 数值，一键复制到剪贴板。
HEX
RGB
HSV/HSL
CMYK
最近取色
常用颜色
Material 色系
Tailwind 色系
🌈 配色方案生成
输入任意颜色，自动生成互补色、类似色、三角色、分裂互补、四角色和单色配色方案。
选择主色
最近使用
✨ CSS 渐变生成器
可视化创建多色渐变，支持角度调节、颜色位置控制，一键生成 CSS 代码。
类型
角度
135°
CSS 代码
background: linear-gradient(135deg, #6366f1, #a855f7);
预设渐变
📐 颜色对比度检查
根据 WCAG 2.1 标准检查前景色与背景色的对比度，确保文字可读性。
文字颜色（前景）
背景颜色
预览效果
大号文字
小号文字示例
对比度比值
12.6
: 1
AA 正常
AA 大号
AAA 正常
AAA 大号
WCAG 2.1 标准：AA 正常 ≥ 4.5，AA 大号 ≥ 3.0
AAA 正常 ≥ 7.0，AAA 大号 ≥ 4.5
AAA 正常 ≥ 7.0，AAA 大号 ≥ 4.5
广告位（728 × 90）