基本配色-split-complementary color scheme

不知道該放哪類,就放在程式設計吧!畢竟是跟網站規劃有關的。

最近在玩freecodecamp,在裡面看到一個覺得挺有用的配色法 split-complementary color scheme,中文叫做補色分割方案,這是其中一種讓配色看起來協調的方法。

首先,甚麼是補色,補色簡單來說就是色盤中一個顏色正對面的顏色,如果以基本色跟補色作為配色,會有種很強烈的感覺。

而補色分割,就是說,先選擇一個基本色,之後選擇它的補色的兩邊的顏色,舉例而言,紅色的補色是Cyan,所以我們要選擇的是Azure以及Spring Green。

這邊實際用div切三塊給大家看看感覺如何。

See the Pen split-complementary color scheme by Sam Yang (@netjagaimo) on CodePen.