颜色深浅与色调生成器
在浏览器中即时从任意十六进制颜色生成深浅色调——无需上传。
从任意基础颜色生成深浅色调
输入一个十六进制颜色并选择所需步数。该工具生成两个色阶:深色调将基础颜色向黑色混合,浅色调将其向白色混合。点击任意色块可复制其十六进制值。色阶均匀分布,形成平滑、可预测的渐变,适用于设计系统、CSS 自定义属性或 Tailwind 调色板定义。
每个色块悬停时显示其十六进制值。基础颜色显示在两个色阶之间,便于一眼看清全部范围。所有计算均在客户端完成——无需上传。
常见问题
深色调和浅色调有什么区别? 深色调将颜色与黑色混合(更暗),而浅色调将其与白色混合(更亮)。两者共同构成完整的亮度色阶。
我可以在 Tailwind 中使用输出结果吗? 可以。将十六进制值映射到 Tailwind 颜色键(50 到 950),将浅色调分配给较浅的键,将深色调分配给较深的键。