兩端的顏色用在文字和背景
單色配色中,最淺的色階用在背景,最深的用在文字。中間的色階就留給按鈕、外框和裝飾。
對比不夠就加中性色
如果每個顏色看起來都差不多,就加入白色或極深的灰色。不會破壞色彩的統一感,又能區分元素。
不只改明度,也要改飽和度
淺色階稍微降低飽和度,深色階稍微提高。這樣漸層就不會灰濁,看起來更自然。
單色配色是把一個顏色調整明度或飽和度,從淺到深排列而成的配色。好搭配,又能營造整齊的印象。這裡每個顏色各一組,共12個可以直接複製的範例。
點一下顏色就能複製 HEX 色碼。按鉛筆圖示可以在編輯器中開啟並修改配色。
單色配色中,最淺的色階用在背景,最深的用在文字。中間的色階就留給按鈕、外框和裝飾。
如果每個顏色看起來都差不多,就加入白色或極深的灰色。不會破壞色彩的統一感,又能區分元素。
淺色階稍微降低飽和度,深色階稍微提高。這樣漸層就不會灰濁,看起來更自然。
把一個顏色延伸出更淺和更深的色階所做成的配色,例如從天空藍到海軍藍。
決定一個基底色,做出混入白色的淺色(tint)和混入黑色的深色(shade)。通常4到6個色階就夠了。