全部工具

配色生成

基于色彩理论一键生成和谐配色，可锁定、导出多种格式。

配色方案

76 套精选成品配色，按风格与色系筛选。

色环配色

在色环上选基准色，直观查看互补色、类比色等和谐配色。

流行趋势色

精选当季流行色板，点击复制或送入生成器继续编辑。

设计系统

输入品牌色，自动生成主色、辅助色、强调色与语义色中性灰阶。

颜色混合

把任意两种或多种颜色按比例混合，实时预览并导出过渡色。

色阶生成

输入基准色，一键生成 50~950 完整色阶，适合设计系统。

明暗色阶

把任意颜色按明度均分，生成浅到深的明暗色阶，导出 CSS 变量。

色相微调

旋转色相、微调饱和与明度，与原色对比并量化 ΔE 色差。

中性灰阶

生成带暖/冷倾向的平衡中性灰阶，导出 CSS 变量直接复用。

取色器

滑块精调颜色，实时查看全格式数值与完整色阶。

图片取色

从图片提取主色调，点击任意位置精确吸色。

颜色转换

HEX / RGB / HSL / CMYK / LAB 互转，支持批量。

对比度

WCAG 对比度检测与一键修正，保障文字可读性。

渐变生成

可视化生成线性 / 径向 / 锥形 CSS 渐变代码。

渐变文字

输入文字与两色角度，实时生成渐变文字效果并导出 CSS。

渐变库

上百套精选 CSS 渐变预设，点击即复制 linear-gradient 代码。

色卡大全

中国传统色、CSS 色名、网页安全色、莫兰迪与材质设计色等色卡大全，搜索并一键复制 HEX。

文本解析

把混着 HEX、RGB、HSL 的整段文本丢进来，自动识别并提取所有颜色。

配色审计

粘贴一组颜色，批量检测两两 WCAG 对比度，提前避开可读性雷区。

色温分析

判断颜色冷暖，在开尔文色温与 RGB 间互换，并支持去色中性化。

颜色差异

并排比较两个颜色，给出 CIEDE2000 色差与 WCAG 对比度判定。

色盲模拟

模拟 8 种色觉障碍，验证配色无障碍可用性。

显示器检测

检测显示器分辨率、色深与色域，并进行坏点、灰阶、清晰度与 24 色标准色卡测试。

色彩知识

色彩空间、色域、色准、色温与配色理论的系统科普，帮你理解颜色背后的原理。

我的收藏

本地保存你收藏的颜色与配色方案。

灵感轮播

按风格随机生成配色并自动轮播，遇到顺眼的立即收藏或复制。

深浅主题

输入品牌色，同时预览它在亮色与暗色界面下的完整色板与 CSS 变量。