集取色器、格式转换、配色方案、WCAG 对比度检测于一体，覆盖从屏幕设计到印刷出版的全链路色彩需求。
无论您是 UI 设计师、前端开发者，还是品牌视觉工作者，这个工具都能让您在处理颜色时更加从容高效。
五种色彩空间，自由切换
工具原生支持 HEX、RGB、HSL、HSV、CMYK 五大主流色彩模型，并完整兼容透明度（Alpha）通道，满足您在 Web 开发、界面设计、图像处理与印刷出版等不同场景下的精准表达。
HEX（含 Alpha） —— 如 #6c63ff 或 #6c63ffcc，6 位 RGB 加可选 2 位透明度，是 Web 开发与 CSS 样式中最通用、最直观的颜色表达方式，图标和设计稿交付的首选。
RGB(A) —— 如 rgb(108,99,255) 或 rgba(…,0.8)，基于加色三通道模型，直接对应屏幕发光原理，适合 Canvas 绘图、CSS 动态样式及任何需要精确控制红绿蓝分量的场景。
HSL —— 以色相、饱和度、明度三要素定义颜色，如 hsl(243,61%,65%)。这种模型最符合人类对颜色的直观感知，特别适合程序化调色、主题衍生色生成（如同色相改明度得浅色、改饱和度得灰色）。
HSV —— 色相、饱和度、明度（Value），如 hsv(243,61%,100%)。更贴近人眼“这是什么颜色、有多纯、有多亮”的认知顺序，是取色器、图像处理软件（如 Photoshop）中最常用的底层模型。
CMYK —— 青、品红、黄、黑四通道减色模型，如 cmyk(58%,61%,0%,0%)。专为印刷出版准备，帮助您在屏幕设计与实物输出之间建立可靠的色彩预览桥梁。
WCAG 对比度检测 —— 为无障碍设计把关
好的设计，不遗漏任何人。工具内置 WCAG 2.1 国际无障碍标准对比度检测功能，只需输入前景色与背景色，即可快速判定是否通过 AA 或 AAA 等级。
AA 级（最低可接受标准）：正文需达到 ≥ 4.5:1，大号文字或 UI 组件需达到 ≥ 3:1。
AAA 级（增强级标准）：正文需达到 ≥ 7:1，大号文字或 UI 组件需达到 ≥ 4.5:1。
在 UI 组件开发完成后，建议使用本工具进行一次快速检测，确保您的产品对低视力人群同样友好，真正做到“设计无界，包容先行”。
配色方案 —— 基于 HSL 色相环的科学搭配
再好的颜色，也需要组合才能焕发魅力。工具基于经典的 HSL 色相环，提供多套成熟配色方案，助您快速建立和谐、专业的色彩体系：
互补色（色相差 180°）：制造最强视觉冲击，适合需要强调对比、突出重点的场景。
相似色（色相差 ±30°）：整体色调统一、柔和舒缓，适合营造宁静舒适的品牌氛围。
三角色（色相差 120°）：三色均衡分布，活泼而富有张力，适合年轻化、创意型设计。
分裂互补（主色 + 互补色两侧 ±30°）：保留了互补色的对比感，但比直接互补更柔和、更易于驾驭。
四方色（色相差 90°）：四色均匀排布，信息层级丰富，尤其适合数据可视化、仪表盘等需要区分多个信息维度的界面。
实战建议，让色彩工作流更顺畅
用 HSL 定义主色，存为 CSS 变量：在项目中，将品牌主色以 HSL 格式存入 CSS 变量（如 --primary: 243, 61%, 65%）。需要浅色背景时，仅调整 L（明度）；需要禁用态灰色时，仅调整 S（饱和度），一通百通。
设计稿交付用 HEX：跨团队协作时，HEX 格式兼容性最好，无论是标注、切图还是前端还原，都能最小化沟通成本。
印刷前务必转 CMYK 预览：如果您的设计最终要落地到纸质物料，请务必在交付前使用本工具转换至 CMYK 色彩空间，避免屏幕色与印刷色出现严重偏差。
UI 开发完成后，必跑 WCAG 检测：将对比度检测纳入您的开发自测清单，确保文本、按钮、表单等关键组件符合无障碍标准，提升产品的包容性与合规性。
颜色不再凭感觉，让数据与科学为您导航。立即体验，让每一次色彩决策都清晰、可靠、有依据。