颜色工作台
颜色变暗生成器
将颜色与黑色混合，使颜色变暗。您可以查看并复制生成的颜色值。
颜色变暗生成器: TOEA应用以下固定公式：深色 = 颜色 × (1 − 数值) + 黑色 × 数值。颜色计算会在浏览器中本地运行。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 日常工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
结果表 / 02
变暗后的HEX
#BB5611
- 变暗后的RGB
- rgb(187, 86, 17)
计算公式
深色 = 颜色 × (1 − 数值) + 黑色 × 数值假设 / 使用前请阅读
- 结果是确定性的sRGB数学变换；显示效果取决于您的显示器和颜色配置文件。
- HEX输入接受#RGB或#RRGGBB表示法。数值会保留在浏览器中，不会上传。
用于状态和文本的暗色色阶
将按钮颜色调暗10–20%是常见的悬停或按下状态做法，既足够明显，又不像另一种颜色。加入60–80%的黑色可以将品牌色变成深色调，用于标题或文本，同时仍能看出它属于同一配色方案；这些色阶也最有可能在白色背景上通过对比度检查。请从原始基础色生成每个色阶，使整体变化保持均匀。
深色版本变浑浊时怎么办
与黑色混合会等量缩放每个通道，因此能保留色相，却不一定保留我们对颜色的称呼。深黄色看起来像橄榄色，深橙色像棕色，深粉色像栗色，即使计算完全正确。如果暗色色阶显得脏，设计师通常会先略微调整色相，例如将黄色向橙色移动，再将其调暗。color mixer可以让颜色向深海军蓝或棕色变暗，而不是直接变成纯黑，从而获得更丰富的效果。
使用方法
- 输入有效的#RGB或#RRGGBB值，以及所需的百分比。
- 运行固定的浏览器本地颜色运算。
- 查看颜色样本，并复制结果或调色板值。
隐私与限制
颜色值会保留在此设备上。对比度输出是数学检查结果，并不代表全面符合WCAG；上下文、字体渲染、非文本对比度和用户界面状态仍需单独检查。
相关工具
常见问题
变暗生成器如何工作？
它使用以下公式：深色 = 颜色 × (1 − 数值) + 黑色 × 数值。
支持哪些HEX格式？
请使用三位数的#RGB或六位数的#RRGGBB sRGB表示法。不支持Alpha通道和命名颜色。
对比度结果能保证符合无障碍规范吗？
不能。这是针对所报告颜色和文本阈值的数学对比度检查工具，并不代表全面符合无障碍规范。
免费工具·使用在浏览器中次·无需账户