如今,我們架設一個網站還是很容易的,比如用開源CMS程序即可。但是在設計主題或者修改頁面字體、背景顏色會有點困難,尤其是我們沒有學過美術和前端的站長。但是在這里, 尹華峰SEO博客分享到這個優秀的十六進制顏色配色表,可以幫助大家很輕松的尋找適合自己的一組顏色,然后選擇直接使用。

按色相的搭配分類

本節將網頁設計中常見的色彩搭配按照色相的順序歸類。每類都以該色相為主,配以其他色相或者同色相的,應用對比和調和的方法,并按照從輕快到濃烈的順序排序。

紅色

橙色

黃色

黃綠色

綠色

青綠色

藍色

藍紫色

紫色

紫紅色

按印象的搭配分類

網頁配色看似復雜,但并不神秘。既然每種色彩在印象空間中都有自己的位置,那么色彩搭配得到的印象可以用加減法來近似估算。如果每種色彩都是高亮度的,那么 它們的疊加,自然會是柔和、明亮的;如果每種色彩都是濃烈的,那么它們疊加,就會是濃烈的。當然在實際設計過程中,設計師還要考慮到乘除法,比如同樣亮度 和對比度的色彩,在色環上的角度不同,搭配起來就會得到千變萬化的感覺。因此本書除了要列舉出按色相的搭配,也要將印象作為重點的搭配分類列舉出來,以供 讀者參考。

柔和、明亮、溫柔

亮度高的色彩搭配在一起就會得到柔和、明亮、溫和的感覺。為了避免刺眼,設計師一般會用低亮度的前景色調和,同時色彩在色環之間的距離也有助于避免沉悶。

柔和、潔凈、爽朗

對于柔和、清潔、爽朗的印象,色環中藍到綠相鄰的顏色應該是最適合的。并且亮度偏高。可以看到,幾乎每個組合都有白色參與。當然在實際設計時,可以用藍綠相反色相的高亮度有彩色代替白色。

可愛、快樂、有趣

可愛、快樂、有趣印象中的色彩搭配特點是,色相分布均勻,冷暖搭配,飽和度高,色彩分辨度高。

活潑、快樂、有趣

活潑、快樂、有趣相對前一種印象,色彩選擇更加廣泛,?最重要的變化是將純白色用低飽和有彩色或者灰色取代。

運動型、輕快

運動的色彩要強化激烈、刺激的感受,同時還要體現健康、快樂、陽光。因此飽和度較高、亮度偏低的色彩在這類印象中經常登場。

輕快、華麗、動感

華麗的印象要求頁面充斥有彩色,并且飽和度偏高,而亮度適當減弱則能強化這種印象。

狂野、充沛、動感

狂野的印象空間中少不了低亮度的色彩,甚至可以用適當的黑色搭配。其他有彩色的飽和度高,對比強烈。

華麗、花哨、女性化

女性化的頁面中紫色和品紅是主角、粉紅、綠色也是常用色相。一般它們之間要進行高飽和的搭配。

回味、女性化、優雅

優雅的感覺很奇特,色彩的飽和度一般要降下來。一般以藍、紅之間的相鄰,調節亮度和飽和度進行搭配。

高尚、自然、安穩

高尚一般要用低亮度的黃綠色,色彩亮度降下去,注意色彩的平衡,頁面就會顯得安穩。

冷靜、自然

綠色是冷靜、自然印象的主角,但是綠色作為頁面的主要色彩,容易陷入過于消極的感覺傳達,因此應該特別重視圖案的設計。

傳統、高雅、優雅

傳統的內容一般要降低色彩的飽和度,特別是棕色很適合。前面介紹紫色也是高雅和優雅印象的常用色相。

傳統、穩重、古典

傳統、穩重、古典都是保守的印象,色彩的選擇上應該盡量用低亮度的暖色,這種搭配符合成熟的審美。

忠厚、穩重、有品位

亮度、飽和度偏低的色彩會給人忠厚、穩重的感覺。這樣的搭配為了避免色彩過于保守,使頁面僵化、消極,應當注重冷暖結合和明暗對比。

簡單、潔凈、進步

簡單、潔凈的色彩在色相上可以用藍、綠表現,并大面積留白。而進步的印象可以多用藍色,搭配低飽和甚至灰色。

簡單、時尚、高雅

灰色是最為平衡的色彩,并且是塑料金屬質感的主要色彩之一,因而要表達高雅、時尚,可以適當使用,甚至大面積使用。但是要注重圖案和質感的構造。

簡單、進步、時尚

表現進步的色彩主要以藍色為主,搭配灰色。而色彩的明度統一、色相相鄰,在色彩上會顯得簡潔。

2017©配色表/尹華峰SEO博客

其他站長工具:文字排版工具SEO導航工具

江苏7位数第18165期