对比度降低导致CSS问题

时间:2019-01-11 11:25:57

标签: css less contrast

可能是我不正确理解“少对比度”功能,但是我似乎没有得到我期望的结果。 我试图在(深色)彩色背景上为按钮设置一种对比色。

我做了一些测试,结果是:

a {
    &.a {
        color: contrast(#222222, #111111, #555555);
    }
    &.b {
        color: contrast(#333333, #111111, #555555);
    }
    &.c {
        color: contrast(#444444, #111111, #555555);
    }
    &.d {
        color: contrast(#555555, #111111, #555555);
    }
    &.e {
        color: contrast(#666666, #111111, #555555);
    }
}

我希望对比度功能可以从#111切换到#555,但是结果总是得到#555。

Codepen:https://codepen.io/Timo88/pen/Xoxyez

0 个答案:

没有答案