易口袋Pockez
配色工具
免费在线配色工具：在色环上拖动取色，自动推荐互补、类似、三等分配色，多组色板并排对比、检查WCAG对比度，可下载色卡图与分享。
- 自动推荐配色
- 多组色板对比
- WCAG对比度
- 下载与分享
在色环上拖动：绕圈选色相、往外拉更鲜艳。点击下方色板的色块，切换要调整的颜色。
推荐配色
根据当前颜色生成。点击色块加入当前这组，或整组新建为色板。
这是灰色，没有色相可以旋转；往色环外圈拖一点，推荐会更丰富。
我的色板
并排对比
对比度检查（WCAG）
行为文字色、列为背景色。普通文字需达到 AA（4.5:1），大字需 3:1。
导出 CSS 变量
🔒 所有计算都在你的浏览器内完成，数据不会上传到任何服务器。
使用说明
- 点击色板里的色块选择要调整的颜色，在上方色环拖动：绕圈改变色相、往外拉更鲜艳，下方滑块调节亮度。
- “推荐配色”会根据当前颜色生成互补、类似、三等分等配色，点击色块加入色板，或整组新建为色板。
- 在“并排对比”看哪组配色合适，用“对比度检查”确认文字是否易读，最后一键导出 CSS 变量。
常见问题
推荐配色是怎么生成的？
依据色彩学的经典配色规则，在色环上旋转当前颜色的色相：互补色转 180°、类似色左右各 30°、三等分每 120°、四方每 90°；单色深浅则保持色相、改变明暗。
什么是 WCAG 对比度？
WCAG 是国际网页无障碍规范。文字与背景的对比度，普通文字至少 4.5:1（AA）、大字至少 3:1，达到 7:1 为最高的 AAA 级。
可以直接粘贴品牌色值吗？
可以。色块旁的输入框支持粘贴 #RRGGBB、#RGB、rgb()、hsl() 和 CSS 颜色名（如 tomato），会自动转成 HEX。
色板会被保存吗？
色板只保存在你这台设备的浏览器中，下次打开还在；不会上传到服务器。