色调和阴影生成器
自动生成任何颜色的最浅色调和最深阴影，以及其十六进制代码。
🔒 100% 隐私
⚡ 无需上传文件
🆓 免费且无限制
如何生成颜色的色调和阴影
1
选择基础颜色
使用视觉选择器选择起始颜色，或输入其十六进制代码。
2
查看色调和阴影
您将自动看到从您的颜色生成的 5 个较浅的色调（色彩）和 5 个较深的阴影。
3
复制你需要的十六进制代码
点击任意色块即可将其十六进制代码复制到剪贴板。
色调和阴影生成器常见问题
拥有颜色的较浅和较深变体对于创建一致的设计调色板至关重要（例如，用于悬停状态、背景或边框）。此工具会自动计算这些变体。
色调（tint）和阴影（shade）有什么区别？
+
色调是通过将颜色与白色混合（变亮）而得到的，阴影是通过将颜色与黑色混合（变暗）而得到的。
能生成多少种变体？
+
从你的基础颜色生成5种更浅的色调和5种更深的阴影，总共10种。
我可以复制代码吗？
+
可以，点击列表中的任何颜色即可复制其十六进制代码。
可以用来创建类似 Tailwind 的设计调色板吗？
+
可以，这正是许多设计系统所使用的 50-900 色阶概念。
这是免费的吗？
+
是的，这个工具完全免费。
我的颜色会上传到服务器吗？
+
不是的，所有计算都直接在您的浏览器中进行。
颜色
颜色转换器（HEX、RGB、HSL、CMYK）
即时在 HEX、RGB、HSL 和 CMYK 之间转换任何颜色，具有实时预览和最接近的颜色名称。
调色板生成器
从基础颜色生成 5 种协调色调色板（补色、类似色、三色或单色）。
CSS渐变生成器
创建最多4种颜色的线性或径向渐变，并复制即用的CSS代码。
WCAG 对比度检查器
检查文本和背景色组合是否符合 AA 和 AAA 无障碍级别。
随机颜色
只需点击一下即可生成随机颜色，并查看其名称、HEX/RGB/HSL 代码以及相似颜色。
颜色选择器（取色工具）
使用浏览器的滴管工具从屏幕上选择任何颜色，或使用经典的颜色选择器。
色盲模拟器
上传图像，查看患有红色盲、绿色盲或蓝色盲的人如何看待它。
网格渐变生成器
创建网格渐变背景（模糊的色块），并将其下载为 PNG 或复制 CSS 代码。
颜色混合器
混合两种颜色，逐步发现中间色调及其十六进制代码。
色轮（和谐配色）
在色轮上选择一种颜色，发现其和谐组合：互补色、邻近色、三角色等。
图像调色板提取器
上传图像并自动提取其主色调，生成调色板，显示每种颜色的十六进制代码。
图像平均颜色
上传图像，立即计算其平均颜色，包括 HEX、RGB 和 HSL 代码。
