检查WCAG颜色对比度比率以确保无障碍合规性。
在HEX、RGB、HSL、CMYK、LAB等格式之间即时转换颜色。
使用色彩和谐规则生成美丽的调色板。
查看您的颜色在色觉缺陷人群中的呈现效果。
从任何图像中提取调色板。上传或粘贴图像以开始。
为任何颜色找到最接近的Tailwind CSS颜色类。
在CSS颜色格式之间转换。粘贴任何CSS颜色值进行转换。
选择任意颜色，即时获取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的标题和正文字体组合。通过自定义颜色和大小找到完美的字体搭配。