如何为按钮的悬停状态创建较浅/较深的颜色阴影

我已经设计按钮已有一段时间了，但是在选择用于渐变或纯色的悬停状态的颜色时，大多数情况下都是盯着较暗的色调。

是否存在一种结构化的色彩理论，可以帮助更好地判断使用哪种更合适的色调？

我应该比原版走多黑？

如何定义“相同”颜色的较浅或较深的阴影？

当寻找亮度的轻微变化时，我通常会做数学运算-确实是简单的计数。

颜色的十六进制格式为RRGGBB，表示红色，绿色和蓝色。十六进制从0-F开始计数（因此9以后为A）。

如果#191970将主按钮颜色设为我的主要颜色，则将每个颜色值加1或2，从而得到相似但较浅的颜色。将每个加1将得到#1A1A71。

寻找较暗的阴影也可以这样做。从每种颜色值中减去1而#191970将导致#18186F。

但是，从每个颜色值中添加或减去1或2可能会导致无法区分的差异，因此您可能需要从每个颜色值中添加或减去至少10。

如果您使用的是数字格式(255, 255, 255)，则可以使用常规的以10为底的运算将其添加到每个数字中。

向每个颜色值添加相同的数量可确保色相和饱和度保持一致，并且最终的颜色在设计中和谐地融合在一起。

或者，您可以让一些在线生成器为您选择颜色，而只需刻痕所需的代码：CSS渐变Button只是一个示例。