配色工具
为处理颜色的设计师和开发者准备的必备工具。创建漂亮的配色方案,确保符合 WCAG 无障碍标准,从图片中提取颜色,并在 HEX、RGB、HSL 等颜色格式之间无缝转换。
输入任意 HEX 或 RGB 色值,立即查到最接近的颜色名称。可在标准 CSS 颜色与扩展描述性名称之间切换,并附匹配度评分。
用 RGB、HSL 或 LAB 模式混合 2 到 5 种颜色。设定比例、预览渐变、点击过渡色阶,再以 HEX、RGB、HSL 复制结果。
浏览、搜索并复制 Tailwind CSS 全部 242 个颜色值,涵盖 22 个色系。快速获取类名、HEX、RGB 和 HSL,支持收藏与 CSS 导出。
一键随机生成颜色,并可自由设定范围。从粉彩、鲜艳、霓虹等预设中挑选,或微调色相、饱和度和明度范围,每个颜色都附带可复制的 HEX、RGB、HSL 值。
在交互式 HSL 色轮上选取基准色,即时查看互补色、邻近色、三角配色等和谐方案,单击任意色块一键复制 HEX 值。
在 HEX、RGB、HSL、HSV 和 CMYK 之间即时转换颜色,配有实时预览、可视取色器,每种格式都能一键复制。
检查文字与背景颜色之间的对比度,即时显示这组配色是否符合 WCAG AA 与 AAA 无障碍标准。
预览图片和颜色在色觉缺陷人群眼中的样子。在浏览器中模拟绿色盲、红色盲、蓝色盲和全色盲四种色觉效果,无需上传图片。
上传图片即可一键提取主色调,直接在图片上点击取色,获取 HEX、RGB、HSL 色值,并将配色方案导出到你的设计项目中。
从任意基础色生成亮、暗、灰三种色调,可调级数与增量,为设计系统打造统一的颜色梯度,并能一键导出为 CSS、SCSS、Tailwind 或 JSON。
可视化取色器,拖动即可选色,同时给出 HEX、RGB、HSL、HSV、CMYK 数值;支持屏幕吸管、历史记录与收藏,一键复制。
依据色彩理论规则生成和谐的多色配色方案,或从任意图片提取主色调。支持复制为 CSS、SCSS、Tailwind、JSON 或导出 PNG。