10個好用到爆的設計必備配色網站!

2021-02-19 dop設計

dop設計(ID:dopdesign)原創

作者丨軟裝嚴選·羽番

編輯丨軟裝嚴選·羽番

身為設計師,面對各種繁雜的顏色搭配,時常感到頭疼,在工作經常遇到不會提取色彩數值,沒有敏銳的色感, 不會配色技術,那怎麼才能快速高效的解決這些問題呢?

今天羽番來分享10個好用到爆的色彩設計搭配神器,幫助你在工作中提高配色效率,事半功倍。

01.

Uigradients以漸變色彩為主的設計神器

uiGradients是一個在線以漸變色為主的分享網站,網頁裡有接近上百種漸變配色方案,設計師可根據自己風格來選擇搭配,每個都很好看,拿來即用,節約了大量試顏色的時間!

這麼好的配色網站先給你分享下如何使用?

1在線遊覽,圖片免費下載

可以在線瀏覽所有的配色圖,點擊你喜歡的圖片就可以查看大圖,右上角有免費下載的按鈕,選好你喜歡的配色就可以直接下載,還可以分享到你的社交帳號。

2色值一鍵複製

顏色取用也超級簡單,每個顏色都有配置好的色值,點一下就複製了!

3色系人性化篩選

它能根據需要的色系進行篩選!從上方的導航欄中選中一個顏色,就顯示出該色系下的所有配色,對於經常需要有針對性尋找顏色的設計師來說是很人性化的功能。

Adobe color 是一家在線色輪提取網站,使用兼容性很強,它能提供RGB、CMYK、LAB、SHB、HEX五種色彩模式,非常人性化,用戶可以根據自己的配色要求進行實時搭配,是配色的必備良器。

zhongguose中國色網站源自日本的Nipponcolors,是一個中國風文藝的網站,每種配色都有一個好聽的名字:一斥染、灑落柿、燕脂、雀茶、黃丹、萱草、赤香……點擊每一個顏色,網站的背景會隨之變成相應的顏色。

整個網站的背景主色是一直在變化的,視覺效果非常棒。每個顏色有CMYK及RGB色值參數,幫助精準的辨識顏色。

△zhongguose中國傳統配色網站

04.

Material Palette是自動配色的

線上工具

Material Palette是一款提供Material Design配色的線上工具,它的用法很簡單,高效。

你只要找出想要搭配的兩種顏色,它就會顯示出兩種顏色搭配在一起的效果預覽,提供你深或較淺的顏色選項,會自動生成任何你想要的顏色代碼。

Coolors主要提供Generate和Explore兩類功能服務。會隨機產生一套包括五種顏色的方案,並展示它們的色彩參數與代碼,我們可以對其中任意一種顏色單獨進行色調、飽和度、亮度等選項的調整,也可直接修改其參數。

△Coolors官網網頁截圖

06.

Colordrop四宮格配色

colordrop是在線顏色組合調試工具,也叫四宮格配色,點一個就能顯示四個的色號,直接複製到ps或者是AI,使用起來非常便捷高效。

△colordrop官網網頁截圖

07.

Colrd尋找色彩靈感的網站

這個網站可以根據顏色、漸變、調色板等尋找圖像資料,當你搭配顏色沒有靈感,想法時可以到這個網站逛一逛。

△colrd官方網頁操作截圖

08.

Color Scheme Designer在線顏色方案設計神器

Color Scheme Designer一個免費的網絡調色工具,不需註冊就可使用。主要以色環的方式讓使用者選擇顏色,可加上六種傻瓜式配色,沒有色彩基礎的x小白也能輕鬆上手。

在色相環中任意設置明度,純色,灰度,對比色等各種色彩的風格,能導出色彩清單,可以任意的調整方案,讓使用者可以很容易地調出令人賞心悅目的配色。

Color Scheme Designer的六種配色方案:

1Monochromatic(單色配色)

以單一顏色做為基礎色,再以飽合度、亮度變化出其它搭配的色。因為是屬於同一個色系,所以這種配色法較能調配出舒適的色彩感受。

△Color Scheme Designer中單色調配色方案的操作

2Complementary(互補色配色)

以主色以及在色環對面的補色調出對比效果明顯的配色。

3Triad(三分色配色)

以一個主色以及在色環對面的兩個補色組成較為柔合的對比效果。

△Color Scheme Designer中的三分配色

△三分配色降低了飽和度後的方案

4、Tetrad(四分色配色)

以兩個主色以及在色環對面的兩個補色營造出一種強烈的視覺效果。

5、Analogic(類似色配色

以一個主色以及在它兩旁等距的兩個補色調配出給人優雅、簡潔的色彩感覺。

6、Accented Analogic(互補類似色配色)以三個類似色為基礎,再加上色環對面的一個對比色構成一種既不失優雅又能強調重點的有效配色法

09.

LOL Colors顏值較高的配色神器

LOL Colors是一款非常簡潔,文藝又活潑,小資的色彩方案搭配神器。

把滑鼠移動到不同顏色的水滴上會提示色彩代碼(Hex Code)的顏色值,設計師們可以在這裡找到很多不同色彩的多變組合。

seed是以清新文藝風格為主的色彩搭配網頁,根據選配好圖片可以自動生成色彩配色,可以應用到色彩靈感的設計搭配中。

官方網址:www.webdesignrankings.com

小結

好了,關於色彩的搭配神器就介紹到這裡,最後,我們來小結一下:

1、Uigradients以漸變色彩為主的設計神器

2、Adobe color 在線色輪設計神器

3、zhongguose中國傳統配色網站

4、Material Palette是自動配色的線上工具

5、Coolors在線快速配色方案生成器

6、Colordrop四宮格配色

7、Colrd尋找色彩靈感的網站

8、Color Scheme Designer在線顏色方案設計工具

9、LOL Colors顏值較高的配色神奇

10、seed文藝又清新顏值配色神器

如果你對「材料工藝」、「設計製圖」、「深化設計」、「案例解讀」、「設計通識」、「軟裝設計」、「軟體技巧」、「工程管理」、「機電設備」、「建築結構」、「燈光」、「消防暖通」.等室內設計相關知識有自己的理解,歡迎加入「dop編輯天團」為百萬設計師服務的同時,賺取額外的收入(300~500元/篇文章)

投稿諮詢微信號:dongxiaoxxxx
非投稿勿添加,期待你的加入!

最近很多小夥伴反應說看不到我們的推文更新,是不是在偷懶?,其實是公眾號推文機制調整了,如果你長期都只是看文章,沒有留言,也沒有點過【在看】,那很有可能會和我們失聯。

想要找回我們其實也很簡單,在留言板中跟我們互動或者點個【在看】就OK了~ 

 ↓↓↓

相關焦點

  • 10個設計師必備的設計配色網站,收藏!
    今天將為大家介紹十個設計師必備的設計配色網站。輕鬆從美麗的配色方案和案例中汲取靈感,讓你從容的掌握好配色技巧。建議大家收藏保存。網址:https://color.adobe.com通過拖動色輪或輸入自定義色值取色,有多種配色規則可以選擇,如:相似、互補、三原色等。除此之外,還可以對RGB進行配色調整,可複製色值。
  • 設計師必備的10個配色網站,強烈推薦!
    如果說排版是設計的骨頭,那麼配色就能算得上設計的靈魂,配色配的好絕對讓你的作品加分不少。今天獅兄就給大家分享10個設計師必備的配色網站,能讓你找到最合適的配色方案。NO2.The Pattern Library這個網站有大量設計風格前衛的平鋪圖案,插畫風、波普風、抽象藝術,具有非常大的視覺衝擊力。既適合資深設計師也適合業餘愛好者,貼心的剪裁可以讓你無縫對接到你想應用的界面。
  • 尋找色彩設計靈感,10個設計師必備配色網站
    我自己也不是色彩設計的高手,但最近在研究設計師們會如何選色、配色時,發現了許多線上的自動配色網站,這些網站提供了很多聰明的選色器工具,或是很多具有創意的配色表,可以提供許多「原來可以、應該這樣配色」的好建議,甚至激發設計師們的色彩搭配靈感。
  • 設計師必備的10個配色網站!
    使用非常方便,還可以進行顏色搜索。另外這裡還可以直接複製CSS3跨瀏覽器代碼。強烈推薦,超級好用呢,藩通色號也很準。8.https://www.webdesignrankings.com/resources/lolcolors/一個很可愛的配色網站,收集的顏色以明亮活潑為主。當滑鼠移動到每個水滴上都會出現顏色的編號,可以方便提取可參考。
  • 新手如何學習繪畫配色?超實用的繪畫配色指南10個配色網站
    繪畫新手如何學習繪畫配色?怎樣才能畫好插畫繪畫配色?畫好插畫繪畫配色有哪些技巧?說到配色,在很多線稿畫的不錯的「大神」一到配色環節就「慘不忍睹」結果就是上色的圖還沒有線稿好看。小白在上色過程中最常見的問題就是:色彩髒、亮色太亮、暗色太暗、色彩搭配不協調。那麼如何練習才能提高色感呢?首先必備的就是取色配色工具。與其冥思苦想,在還沒有基礎色彩搭配理念的時候可以通過不斷的嘗試、練習來提高色感。
  • 用好這10個配色網站,升職加薪指日可待!
    我自己也不是色彩設計的高手,但最近在研究設計師們會如何選色、配色時,發現了許多線上的自動配色網站,這些網站提供了很多聰明的選色器工具,或是很多具有創意的配色表,可以提供許多「原來可以、應該這樣配色」的好建議,甚至激發設計師們的色彩搭配靈感。
  • UI設計師必備的6個配色網站
    對於程式設計師來說,UI設計我們有必要懂嗎,答案是肯定的,不管你是後端開發也好,前端那就更不用說,一定要學會有審美的細胞,雖然UI不是我們後端的必須懂的,但我還是建議你知道它的一些常用的配色網站,有時候我們也得自己修改前端代碼,也需要知道顏色的值,今天我給大家分享6個常用的配色網站,對於想從事UI
  • 色彩搭配 | 10個優質配色網站及配色技巧
    小象智合——致力於通過包裝創新賦能品牌價值提升,今天給大夥分享10個專業實用的優秀色彩配色網站,以及一些簡單的配色技巧。「imagehues」,它從 Upslash 網站裡精選了一些攝影作品,提取了其中的配色,一鍵點擊就可以複製色號、get同款配色方案,可以說是很方便了!
  • 網站不知道怎麼配色?看看這10個優質配色參考網站(一)
    配色用的好不好,直接影響到整體設計的視覺與情感表達。配色靈感枯竭的時候,不妨上這10個配色網站上看看:關於配色技巧,還可以參考文章:《適合平面基礎學習者的色彩搭配小知識》1、配色網www.peise.net/支持在線配色和顏色搭配等2、Flat UI Colorsflatuicolors.com/這個網站提供了多種主流 UI 配色方案,特別是扁平化配色
  • 2021年13款設計必備的配色網站推薦!
    今天我來給大家分享13款好用的配色網站,它們可以幫助你節省下大量的時間,最重要的是它們使用非常方便並且免費。PalettonPaletton是網站設計師大概都知道的經典配色網站,它已經存在於網絡許多年,並且至今仍然是非常出色的顏色組合測試工具。
  • 有這9個神仙配色網站,讓色彩搭配不再辣眼睛!
    眾所周知色彩搭配是生活中非常重要的一部分好的配色能讓人眼前一亮給人留下深刻印象然而日常工作中
  • 設計師也收藏,9個良心配色網站
    色彩極易引起人的情感反應與變化,而人的視覺對於色彩的特殊敏感性,決定了色彩設計在視覺傳達中的重要價值。分享9個設計常用的配色網站,挽救你突然枯竭的靈感,拯救你的審美!>擁有Adobe大家族的純正血統,是一款好用實用的官方配色網站,也許你的視覺審美依舊很菜,但用它至少保證你少出錯,拯救萬千土搖黨的審美。
  • UI設計必備:10個無需翻牆就能天天進階的UI設計網站
    「仿字訣」,意思是多看,多動手模仿,有恆心的小白們可以一天模仿一個一個做得好的案例。當然,「仿」字訣最重要的還是模仿的素材來源,除了國內外大家耳熟能詳的各大設計網站外,前輩們也安利了10個國內並不太知名,但各個皆精品的國外UI設計網站。通過它們,我們可以每天吸收到設計行業最新的相關資訊,包括行業動態、設計作品、創意靈感以及素材等等。NALDZ GRAPHICS 28歲少年創辦的知名人氣設計資源教程博客。
  • 60個設計相關網站,設計師必備神器推薦!
    靈感對於設計師來說,像沙漠中的綠洲,對設計起著非常決定性的作用。靈感本身就屬於很感性的事物,來源非常隱性,是從事設計行業必不可少的。經常瀏覽各種設計網站,儲備足夠多的設計案例,能更好的激發設計師在創作過程中的設計靈感。
  • 10款好用到爆的護膚新寵
    今天偶為大家整理出10款好用到爆的護膚新寵~簡直好用到沒朋友,小夥伴們火速來圍觀啦~明色有機玫瑰收斂水 ¥86RMBcosme大賞排名第一的產品!要功效抑制出油防止糊妝,收縮毛孔!也可以作為打底化妝水使用。Sukin潤膚乳 ¥60RMB
  • 配色神器| 不會配色怎麼辦?10個超好用的配色網站拯救手殘黨的你【第三期】
    今天就給大家分享10個超級好用配色網站,讓你找到最合適的配色方案,媽媽再也不用擔心我配不好色了qwq乾貨滿滿!Color Hunt網址:colorhunt.co/這個網站為我們提供了現成的配色方案,我們可以直接套用,也可以根據喜好自由搭配,上傳自己的配色方案。
  • 一分鐘搞定PPT配色丨附24個PPT配色網站
    入正題吸管工具 + 配色網站 = 1分鐘搞定PPT配色在使用吸管工具時,要跳出PPT軟體——吸管工具可以吸取軟體以外,屏幕內的任何顏色。所以,當你要給PPT設置配色時,可以打開分享配色的網站,直接吸取,搞定PPT配色方案。那麼,有哪些配色方案的網站呢?
  • 20個配色常用網站
    想像一下,在部門會議上,boss對你美工同事設計的配色不太滿意,你卻始終笑而不語,當問到你的意見時,你呵氣如蘭,輕聲說出:「就用紺桔梗色搭配枇杷茶色吧,再加少許蘇芳香。」頓時四座啞然,不懂的以為你在泡花茶,卻又不敢質疑,生怕表現自己的無知。
  • 插畫師必備的免費素材網站
    📁素材永遠是設計師們必備資源今天我們推薦插畫師們經常會用到的素材資源庫下面所有的網站
  • 如何給企業網站設計配色方案
    目前網站設計只要懂一點網頁編程代碼的人都是可以製作網站了,但是一個網站製作的好壞就看從多方面觀察了,網頁的配色對於訪客淶水非常重要,如果訪客對著色調搭配不喜歡的話就可能一眼掃過不會在此網頁停留很長時間,所以我們設計網頁的時候一定要注意色彩搭配,分析訪客大多數的喜歡偏向風格,在進行網站設計過程中