免费颜色和设计工具 — 拾取器、调色板、对比度、渐变
网络实用的颜色工作：配色器支持十六进制/RGB/HSL，调色板和渐变生成器，WCAG 对比度检查器保持文本可读，色盲模拟和 CSS 阴影工具。为需要确切数值和无障碍选择的设计师和前端开发者打造，复制粘贴即用。
颜色转换器(HEX、RGB、HSL 即时同步)
在 HEX、RGB、HSL 之间转换颜色, 带实时预览色块。编辑任一字段, 其他自动更新。
对比度检查器 — WCAG AA/AAA 合规判定
计算前景色与背景色的 WCAG 对比度比率, 显示 AA/AAA 在普通/大文字下的合规徽章。带实时预览。
CSS 渐变生成器 (线性、径向、锥形)
可视化构建 CSS 渐变: 线性、径向、锥形。多色彩停点、角度控制、预设。复制即用 CSS。
调色板生成器 (一基色 5 种方案)
从基色生成和谐调色板: 互补、类比、三色、四色、单色。点任何色块复制 hex。
色盲模拟器 — 体验色觉障碍者眼中的世界
输入任意十六进制颜色，即刻查看红绿色盲、红色盲、蓝黄色盲和全色盲四种类型下的显示效果。
CSS 阴影生成器 (含实时预览)
可视化构建 CSS box-shadow 值。调整偏移、模糊、扩散、颜色、不透明度、内阴影。实时预览, 复制粘贴 CSS。
CSS颜色名称查找器 — 从十六进制找最近命名颜色
输入任意十六进制颜色，找到最接近的CSS命名颜色。显示5个最近命名颜色及其精确十六进制值和距离分数。
颜色深浅生成器 — Tailwind 风格
为任意颜色生成11级深浅色阶（50~950），遵循Tailwind CSS规范。点击色块复制hex代码或批量导出CSS变量。