100% 浏览器内运行
颜色工具
面向设计师和开发者的免费颜色工具——在 HEX、RGB、HSL、CMYK、HSV 等格式之间转换、构建协调的调色板、检查 WCAG 对比度、混合和调暗颜色,并查找最接近的命名颜色。
◑
配色方案生成器
从任意基准色生成互补色、邻近色、三角色和四角色配色方案。
◐颜色对比度检查器
检查文字与背景色之间的 WCAG 对比度,并给出 AA/AAA 结果。
◓颜色混合器
按可调节的比例混合两种颜色,得到结果的 HEX 值。
▦颜色明暗变体
从任意基准色生成一系列更浅的淡色和更深的暗色。
🎨CSS 命名颜色
浏览并搜索 140 多种 CSS 命名颜色及其 HEX 值。
⚂随机颜色生成器
生成一种随机颜色,并以 HEX、RGB 和 HSL 形式查看。
◔色盲模拟器
模拟一种颜色在红色盲、绿色盲和蓝色盲眼中的呈现效果。
#αHEX ⇄ RGBA
在带 Alpha 的 HEX 颜色代码与 rgba() 表示法之间互相转换,并提供实时预览。
#?CSS 颜色格式
以每一种 CSS 格式显示同一颜色:HEX、rgb()、hsl() 和 hwb()。
twTailwind 调色板生成器
从任意基础颜色生成 Tailwind 风格的 50–950 色阶。
🖼◑图片取色器
从上传的图片中提取主色,并以 HEX 色块呈现。
◐◑双色调生成器
创建双色调渐变,并提供可复制的 CSS。
cmykCMYK 转 RGB 转换器
在 CMYK 与 RGB/HEX 之间转换颜色,并实时显示色块。
hsvHSV / HSB 转换器
在 HSV/HSB 与 RGB/HEX 之间转换颜色,并实时显示色块。
◑?最接近的命名颜色
查找与所选任意颜色最接近的 CSS 命名颜色。
#abc文本生成颜色
根据任意文本字符串生成一个确定性的颜色。