• 通過下面的調色板調整顏色,然后點擊復制色值

    網頁設計常用色彩搭配表 - 配色表

    按色相的搭配分類

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

    紅色

    橙色

    黃色

    黃綠色

    綠色

    青綠色

    藍色

    藍紫色

    紫色

    紫紅色

    按印象的搭配分類

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

    柔和、明亮、溫柔

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

    柔和、潔凈、爽朗

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

    可愛、快樂、有趣

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

    活潑、快樂、有趣

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

    運動型、輕快

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

    輕快、華麗、動感

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

    狂野、充沛、動感

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

    華麗、花哨、女性化

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

    回味、女性化、優雅

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

    高尚、自然、安穩

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

    冷靜、自然

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

    傳統、高雅、優雅

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

    傳統、穩重、古典

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

    忠厚、穩重、有品位

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

    簡單、潔凈、進步

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

    簡單、時尚、高雅

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

    簡單、進步、時尚

    表現進步的色彩主要以藍色為主,搭配灰色。而色彩的明度統一、色相相鄰,在色彩上會顯得簡潔。
    快捷導航
    調色板
    按色相分類
    紅色
    橙色
    黃色
    黃綠色
    綠色
    青綠色
    藍色
    藍紫色
    紫色
    紫紅色
    按印象分類
    柔和、明亮、溫柔
    柔和、潔凈、爽朗
    可愛、快樂、有趣
    活潑、快樂、有趣
    運動型、輕快
    輕快、華麗、動感
    狂野、充沛、動感
    華麗、花哨、女性化
    回味、女性化、優雅
    高尚、自然、安穩
    冷靜、自然
    傳統、高雅、優雅
    傳統、穩重、古典
    忠厚、穩重、有品位
    簡單、潔凈、進步
    簡單、時尚、高雅
    簡單、進步、時尚
    欧州A级视频