依据 WCAG 2.1 检查任意前景色与背景色组合。显示对比度数值、两种字号下的 AA 与 AAA 判定结果，并在不合格时给出修正建议。
将任意颜色一次性转换为 HEX、RGB、HSL、CMYK、LAB、OKLCH、HWB、HSB、LCH、XYZ 和 LUV。所有格式并排显示，一键即可复制。
从任意基础色出发，用六种配色规则生成调色板：互补色、类似色、三色、四色、分裂互补与单色，并可复制为 CSS、Tailwind 或 JSON。
查看任意颜色或调色板在八种色觉缺陷（含红色盲、绿色盲、蓝色盲）下的呈现效果，找出那些会变得无法区分的配色组合。
从任意照片、截图或插画中提取主色调。上传或粘贴图像，即可得到带 HEX、RGB 和 HSL 数值的调色板。图像不会上传到服务器。
粘贴任意 HEX、RGB 或 HSL 数值，在完整的 Tailwind CSS v4 调色板中找到最接近的类名，并显示精确色差与可供对比的相邻色阶。
粘贴任意 CSS 颜色值——颜色名、HEX、rgb()、hsl()、oklch()、color-mix()——即可得到其余全部 CSS 格式，保留 alpha 并同时给出现代与传统写法。
选择任意颜色，即时获取HEX、RGB、HSL、CMYK等11种以上格式的颜色值。点击即可复制。
使用交互式编辑器创建精美的CSS渐变。构建具有自定义色标和角度的线性、径向和锥形渐变。
生成任意颜色的暗色调和亮色调。创建更亮和更暗的变体，附带可复制的十六进制代码。
生成带有可选约束的随机颜色，如柔和色、鲜艳色、暖色或冷色。即时获取十六进制代码、RGB和HSL值。
以可调节的比例混合两种或多种颜色。查看 HEX、RGB、HSL 等格式的混合结果。
输入任意 hex 或 RGB 颜色，找到最接近的命名颜色。从 500 多个命名颜色的数据库中识别您正在查看的颜色。
检查调色板中每对颜色的 WCAG 对比度。找出哪些组合符合 AA 和 AAA 无障碍标准。
输入背景颜色，获取符合 WCAG 无障碍标准的最佳文本颜色。即时找到可读的前景颜色。
从单个品牌颜色生成完整的Tailwind CSS颜色调色板（50-950）。获取感知均匀的色调，准备粘贴到您的配置中。
在两种颜色之间生成均匀分布的色阶。比较 sRGB、HSL 和 LAB 色彩空间中的插值效果。
将您的调色板转换为设计令牌。导出为 CSS 自定义属性、SCSS 变量、Tailwind 配置或 JSON 令牌。
从图片中提取CSS渐变。上传任意图片，获取最接近的CSS线性或径向渐变及色标。
使用交互式编辑器创建和预览CSS盒阴影。调整偏移、模糊、扩展和颜色。叠加多个阴影。
创建和预览CSS文字阴影。调整偏移、模糊和颜色，为您的排版增添深度和风格。
使用独立的角控件创建和预览CSS border-radius值。支持椭圆半径和复杂形状。
预览Google Fonts的标题和正文字体组合。通过自定义颜色和大小找到完美的字体搭配。