css - 您如何为网站使用调色板？

Question

如何为网站实现调色板？例如给定一个有五种颜色的调色板

#67CFE3 #A4D8D8 #DCE0C9 #EF842F #F66700

如何将上述颜色分配给网站组件，这是最佳做法吗？

Answer 1

给定一个 selector您可以通过不同的方式将颜色应用于您的元素:作为背景，作为字体的颜色，作为边框的颜色等。参见here一份详尽的 list 。

查看 example你看你可以使用十六进制、rgb、rgba、名称等颜色。

查看全局 css syntax

body { 
    color: red;
}

h1 {
    color: #00ff00;
}

p {
    color: rgb(0,0,255);
}