颜色
40 tools调色板生成器、对比度检查器、颜色格式转换（HEX、RGB、HSL、CMYK）和色盲模拟器。
Tool list
色盲模拟器
预览不同类型色盲(红色盲、绿色盲、蓝色盲)看到的颜色,帮你在做设计时选更安全的搭配。
颜色值转换
在浏览器里把颜色在 HEX、RGB、HSL、LCH、LAB、OKLAB、OKLCH 之间互转,数值不会离开你的电脑。
颜色对比度检查
按 WCAG 标准检查文字 / 背景颜色组合是否达 AA、AAA 或大字号要求,做无障碍设计的常用工具。
CSS 渐变生成
做 CSS linear、radial、conic 渐变,实时预览,直接复制干净 CSS 或者 Tailwind 工具类。
色彩和谐生成
从一个起点色出发,生成互补色、邻近色、三等色、四等色、分裂互补等多种和谐色板,品牌和 UI 都用得上。
调色板素材库
浏览精选 UI、品牌、内容用调色板,按情绪筛选、按名称或 hex 搜,直接打开到生成器里改。
从图片提取调色板
从照片、插画、截图里抽 5-10 个主色,copy hex 或者带进生成器继续改。
调色板生成器
创建协调的调色板、锁定心仪颜色、编辑 HEX、查看 RGB 与 OKLCH 数值，并导出为 CSS 变量、JSON 或图片格式。
图片取色器
在任何图片上以像素级 zoom 取色——logo 旧图、截图都能精确抠 hex。
Tailwind 色阶生成
用一个基准色生成完整 Tailwind 风格的色阶(50-950),直接用到 UI 和开发里。
HEX 转 Colortone
粘贴 HEX 值,马上得到对应的 Colortone。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
RGB 转 Colortone
粘贴 RGB 值,马上得到对应的 Colortone。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HSL 转 Colortone
粘贴 HSL 值,马上得到对应的 Colortone。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HSV 转 Colortone
粘贴 HSV 值,马上得到对应的 Colortone。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
CMYK 转 Colortone
粘贴 CMYK 值,马上得到对应的 Colortone。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
CMYK 转 HEX
粘贴 CMYK 值,马上得到对应的 HEX。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
CMYK 转 RGB
粘贴 CMYK 值,马上得到对应的 RGB。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
CMYK 转 HSL
粘贴 CMYK 值,马上得到对应的 HSL。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
CMYK 转 HSV
粘贴 CMYK 值,马上得到对应的 HSV。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HSV 转 HEX
粘贴 HSV 值,马上得到对应的 HEX。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HSV 转 RGB
粘贴 HSV 值,马上得到对应的 RGB。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HSV 转 HSL
粘贴 HSV 值,马上得到对应的 HSL。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HSV 转 CMYK
粘贴 HSV 值,马上得到对应的 CMYK。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HSL 转 HEX
粘贴 HSL 值,马上得到对应的 HEX。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HSL 转 RGB
粘贴 HSL 值,马上得到对应的 RGB。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HSL 转 HSV
粘贴 HSL 值,马上得到对应的 HSV。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HSL 转 CMYK
粘贴 HSL 值,马上得到对应的 CMYK。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HEX 转 HSV
粘贴 HEX 值,马上得到对应的 HSV。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HEX 转 HSL
粘贴 HEX 值,马上得到对应的 HSL。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
RGB 转 HEX
粘贴 RGB 值,马上得到对应的 HEX。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
RGB 转 HSV
粘贴 RGB 值,马上得到对应的 HSV。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
RGB 转 HSL
粘贴 RGB 值,马上得到对应的 HSL。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
RGB 转 CMYK
粘贴 RGB 值,马上得到对应的 CMYK。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HEX 转 RGB
粘贴 HEX 值,马上得到对应的 RGB。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
HEX 转 CMYK
粘贴 HEX 值,马上得到对应的 CMYK。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
Colortone 转 HEX
粘贴 Colortone 值,马上得到对应的 HEX。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
Colortone 转 RGB
粘贴 Colortone 值,马上得到对应的 RGB。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
Colortone 转 HSL
粘贴 Colortone 值,马上得到对应的 HSL。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
Colortone 转 CMYK
粘贴 Colortone 值,马上得到对应的 CMYK。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。
Colortone 转 HSV
粘贴 Colortone 值,马上得到对应的 HSV。整个换算在浏览器里完成,颜色数据不会上传。写 CSS、做品牌色稿、调样图的时候顺手用一下就行。