sass/scss 有提供很多顏色可以使用的變數 例如常用的rgba等等

http://sass-lang.com/documentation/Sass/Script/Functions.html

例如要用 顏色變亮

lighten($color, $amount)

在變數外面使用lighten() 變數填入 後面數值為亮幾%

.button {
    color: $color1;
    background-color: $color2;
    width: 200px;
    height: 50px;
    &:hover {
        color: $color3;
        background-color: lighten($color2, 10%);
    }
}