哪種顏色最讓人覺得舒服?為你設置一份完美配色方案

2020-11-26 習習辦公室

有時候我覺得配色是一種「feel」,當你胡亂調色後,發現,這組顏色不錯,有衝擊力,或是明媚亮眼,或是平淡如水,或是熱情似火,或是淡雅如菊。

但其實配色是有規律可循的,而且嚴格說起來還頗為講究,現在的營銷海報、創意網站、設計圖形都少不了配色,這可謂是重大環節,那麼怎麼配色呢?看這裡▼

01 Flatuicolorpicker

扁平化UI設計配色方案。非常實用配色工具,提供各種顏色合集,可以幫助你運用到扁平化UI中,點擊右上角展開多種主色界面,隨你快速選取顏色,如果你在設計某一個項目,可以考慮使用它。

02 Materialpalette

調色板生成器。致力於為設計師們提供顏色組合搭配的工具,用戶只需要在這裡選擇一兩個顏色,系統就可以自己快速生成設計風格配色方案,選擇顏色的同時你還可以實時預覽效果圖。

03 Brandcolors

官方品牌顏色代碼集合。網站收錄了多種品牌的顏色代碼,內容由A-Z順序排列。涵蓋500px、Airbnb、Amazon、Dribbble、acebook、Twitter、Instagram等500多個品牌的十六進位顏色代碼。

04 MaterialUI

國外material 風格頁面設計框架。提供材質設計顏色、材質顏色、調色板、調色板生成器,Google材質UI顏色,材質設計顏色選擇器等不同風格搭配。

05 Grabient

一個可以用於生成web漸變得漂亮、簡單的UI。一個在線漸變配色網站,設計貼心,用戶可以交互操作,你可以用他更快地實現漂亮的漸變效果。

網站支持 CSS 樣式代碼複製、可以操控360度漸變旋轉、自由增加或刪除漸變顏色。下面給大家分享幾個簡單操作。

漸變角度:點擊左下角「90度」圖標操控漸變角度;

增加配色:點擊「+」加號就可以,同時還能選擇顏色;

改變漸變範圍:點擊右下角圖標,即可通過滑鼠拖動設置漸變範圍;

刪除色塊:選擇一個色塊,將內容拖動到右下角「垃圾桶」圖標即可。

切換顏色模式:用戶可以在HSL,RGB,HEX 之間切換。

06 Uigradients

一個為設計師和開發人員提供的在線漸變色彩配色網站,網站中的內容都是精心挑選的色彩漸變。

這裡涵蓋接近上百種漸變配色方案,設計師可任意選擇,同時還可以獲取對應漸變配色的CSS代碼。

UIgradients簡單使用方法:

點擊左上角進入所有的配色圖瀏覽界面;

選擇任意圖片可放大查看,圖片右上角提供免費下載按鈕,可直接下載自己喜歡的配色。

07 Webgradients

提供180種漸變配色靈感的網站。之前的網站大部分都是提供漸變色的,這個網站多了一些格式選擇,如PSD, Sketch, PNG,還有能夠直接複製成一段 CSS 漸變代碼,方便用戶使用配色方案。

Webgradients簡單使用方法:

打開網站可以看到多種配色方案,選擇其中一個配色,即可得到全屏顯示的漸變色;

我們可以直接下載 Sketch/PSD 或複製十六進位顏色編碼就可以使用了。

08 Colorfavs

在線圖片顏色搭配工具。用戶可以直接上傳圖片分析配色,獲取大量的優質配色方案。通過搜索某一個顏色,網站即可提供關於這個顏色的不同配色方案及相關顏色。

網站界面設計簡潔,瀏覽方便,同時提供收藏(點擊Add to Collection收藏)配色方案功能,直接拖拽上傳圖像抓取顏色配色,操作方便。

09 Duotones

圖片雙色調生成器,一個可以幫助圖片製作雙色效果的工具。這種雙色調設計風格在國外比較流行,如果你不懂ps設計,可以用他一鍵生成雙色調風格的照片。

10 0to255

一個幫助網頁設計師簡單的取色工具。如果你對配色有大大的疑惑,深刻感受到選色的困難,你可以用它來幫助你的徽標、網站、業務、房間或列印設計項目選擇並調整顏色,讓配色更合適。

如果你希望發現一種新顏色,可以使用「隨機選色」功能作為起始色,網站可提供286,943種色彩選擇。使用方法很簡單,只要獲得正確代碼,就可以直接鍵入,如選擇#d86b93十六進位顏色時,鍵入d86b93,單擊「選擇顏色」按鈕即可,可以大大滴節省時間。

11 Colorhunt

顏色獵人,在線設計配色工具。這個網站比較有特色的部分就是它會使用飽和度調配配色方案。

網站提供:

每天根據瀏覽量進行更新排版,並可以直接使用。

免費開放的色彩靈感平臺,擁有數千種時尚的手工挑選調色板。

點擊「random」給自己來點驚喜。

收錄了許多配色和色碼卡,幫助產品設計者更好的選擇顏色搭配組合。

12 Coolors

極簡的配色方案生成器。很多美工都會為配色煩惱吧,該選擇哪種顏色呢?這時候你就需要它裡 ,一個超級簡單的配色方案生成器,一次為你提供一種配色方案。

敲擊「空格鍵」可查看不同的配色方案;

點擊色塊可以鎖定當前顏色,查看其他關聯的配色組合;

指定一個顏色,點擊色塊下方的 HEX 顏色值即可直接編輯。

13 Colordrop

在線顏色組合調試工具。網站提供豐富的上百萬種色彩組合,是設計開發絕佳的色彩來源站點,可以幫助設計者們在線調試顏色組合。

我們在網站可以看到四個不同的顏色整合在一起配色,在首頁即可瀏覽色彩調色盤,可在左側切換不同背景色彩;

點擊其中任一配色組合後,會跳出對應的顏色參數(HEX/RGB),設計師可以將這些顏色應用於設計項目;

你可以更換不同背景顏色,預覽不同背景下的更多色彩體驗;

另外,點選上方的「星星」可標記為Favourites。

點選左側「Favourites」可開啟所有你加入收藏的配色組合。

14 中國色

超美的中國風配色網站。,提供各種中國的傳統顏色的名稱,CMYK值,RGB值,16進位表示。

15 Flatuicolors

扁平化設計配色參考網站。這個網站的特色就是採集了多種扁平化設計中受歡迎的色彩,你可以吸取複製裡面的任何色彩。你可以免費選擇和下載設置到本地。

好了,關於色彩,你還有什麼資源和建議,歡迎留言分享喲!今天的絢麗的色彩分享就到這裡啦!

ps:最後,記得分享、收藏、點讚、在看喲!

相關焦點

  • [一文獲得配色能力]一勞永逸的配色方案,6大配色系統大放送(中)
    依據這個規則,三原色相互混合形成的三間色也是這個配色方案:紫色、橙色、綠色;同理它們之間的三個複色也是三色配色方案:藍紫色、紅橙色、黃綠色。正如我們上一章所講,任何配色都可以使用並且應該使用明度和飽和度的變化來強化表達,對於三色系方案來說尤其如此。請看下圖:在這個案例中,作者採用了橙紅色、黃綠色、藍紫色作為三色方案。如圖,這三個色相在色輪上處於等距的位置,我們還變化了這三個色相的明度和飽和度,以形成多個變化的配色方案。這是個極好的案例,對於觀眾而言,圖中的雪糕和猴子嘴巴附近的區域無疑是最引人矚目的。
  • 明亮溫暖的黃色配色方案,讓人感覺樂觀和愉快
    為您的家居室內裝飾選擇黃色配色方案將為您的生活帶來歡樂和歡樂,並創造閃亮的房間裝飾,明亮溫暖的家具,牆面漆或黃色壁紙圖案。選擇淺黃色牆面漆顏色,以充滿樂觀,輕盈和溫暖的房間。黃色的現代室內設計充滿活力和大膽。黃色是一種活躍的顏色,為相應的室內設計配色方案帶來能量。
  • 顏色選不對,穿衣全作廢!最全的「色彩搭配」乾貨,掃盲配色小白
    冷色調:以綠、藍、紫為代表的色調,給人冷漠、距離、清涼、理智、寒冷、平靜等感覺。這類色調因為有距離感,是遠的,是高高在上不可攀的,同時也是最顯高級的。想想冷美人就明白了,嘻嘻。暖色調:以紅、橙、黃為代表的色調,給人感覺熱情似火、奔放豪邁、陽光活力、激情四射等感覺。
  • 配色搭配非常舒適,復古的色調讓人感覺很文藝
    一、這種顏色的完美搭配,讓你穿上秋裝。非常秋天!是啊,很好看,秋意濃。二、舒適文藝的一身,哇,喜歡這種類型的長裙。也差不多!這款很好看,優雅大方,很好看!三、灰色搭配顯高級,軍綠色又是這兩年裡最流行的色調!覺得靴子短了,但也還是很好看的,簡約而高雅還那麼好看。
  • PPT配色這三個配色技巧,簡單又實用,讓你的PPT從此告別髒亂差
    如果你的配色方法配色技巧特別好,其實呢,你可以搭配出一種非常高級的這種色彩出來,通過黑白灰來呈現一個高級灰的調一個配色搭配方案,那麼這樣的PPT視覺上給觀眾一種:哇,很大氣的哎。這就是灰色系的搭配方法。好,那麼在圖片的案例當中,我們發現第一張跟第二張的圖片裡面,它有少量的彩色的,比如棕黃色的,比如陽臺上綠色的花。那麼這其實就是在灰色系當中添加了彩色。
  • 原來不顯眼的顏色也這麼好看 匡威1970s低飽和度耐看配色盤點
    匡威1970s鞋款一直都很火,經過近幾年快手抖音的浸泡,幾乎到了男生女生都人手一雙的程度,而這雙鞋吸引人的魅力之一便是其多樣化的配色。從最開始流行的糖果色到黑白,再到近兩年頗有些復古的落葉黃髒粉髒橘橄欖綠,都讓人從這雙鞋身上看到了整個潮流時代的腳步。
  • 超實用的3種配色方案,打包送你
    在所有西裝單品中,還屬黑色西裝最經典。低調的顏色和百搭的性能,讓它無論是在比較隆重的場合還是私密的約會,都能完美地撐得住場面。 但是往往也正由於它太強悍的實用性,以至於很難將它穿出非同一般的效果,從而逐漸削弱了西裝本身的時髦價值,如何能將黑色西裝穿的更勝一籌,成為當下很多女生所頭疼的問題。
  • 配色不只星辰黑和熔巖紅!一加5T這個顏色才是最好看的
    一加5T有幾種配色:2017年11月28日,一加正式發布年度旗艦一加5T。除了紮實的工藝和強悍的性能配置外,一加5T在配色上也堅持著自己的「不將就」。接下來我們一起看看一加5T有幾種配色,看看每一種配色背後的故事,比較一下一加5T哪種顏色最好看。
  • PPT數據圖表自定義配色,簡潔清新,可直接套用
    配色是設計PPT中需要考慮的重要因素,很多小白在設計時,不能很好的配色,結果出來的成品五顏六色,讓人看起來眼花繚亂,而一份好的配色方案則能讓你的PPT大放光彩,不僅看起簡潔大方,還有高大上的風範。上圖的數據圖表中以綠色為主色調,簡潔明了。
  • 最全面的UI 配色指南(附大量實例)
    如何選擇配色方案/適合上手的配色工具/如何利用色彩提高可讀性/為色盲用戶配色等多個小節,涵蓋了大部分UI 配色的知識點,同時附有大量實例,強烈推薦閱讀。就重要性而言,在APP 應用中色彩元素扮演的角色僅次於功能。 人與計算機的互動主要基於與圖形用戶界面元素的交互,而色彩在該交互中起著關鍵作用。
  • 2019年家居中最流行百搭的配色,看看有多重要!
    讓你看看在家居中軟裝與家具的色彩搭配有多重要。家居中的色彩是與時尚同步的,每年流行的風格都可以用顏色來表達。2019年中除了下圖中12種亮麗的顏色以外,還有幾種沉穩內斂的經典顏色是很多人的最愛,在服裝上是,家裝上也是。1、大豆米色大豆米是百搭的中性色,非常可靠,他低調迷人,將這種顏色運用到家居空間中,能讓家的格調提升好幾個檔次。
  • 怎樣營造這種讓人舒服的氣質感覺?
    這種讓人舒服的鹽系感到底怎麼來的呢?一·什麼是鹽系?鹽系更多是一種風格的感覺,即便你是其他風格,也可以把這種感覺融入到自己的氣質中。簡單來說,它的氣質核心,就在於淡、柔。▍ 鹽系的淡鹽系給人一種恬淡的感覺,清爽不膩。這種氣質一定是甜度不高的。「甜」一般來自熱烈的情緒,外向的互動,鮮明的女性感。
  • 板繪配色技巧怎麼練?0基礎配色教學
    板繪配色技巧怎麼練?0基礎配色教學!很多人在上色的時候都會遇到上色髒、不知道使用什麼顏色比較好的等情況嗎,今天給大家分享幾個上色搭配的技巧!通過使用色相環來進行的8種配色的方法。其中每個方法都有它的長處和短處,所以在使用何種配色方案的時候請根據自己作品的風格來選擇。
  • 與藍色裝飾完美搭配的9種顏色
    但是關於色調的最好的部分是它與多種其他顏色完美搭配。無論你的裝修風格是休閒的、沙灘的、超現代的,還是喚起舊世界的魅力,都有適合你的顏色組合。接下來,我們將介紹10種最通用的可以與藍色搭配的顏色。出門一定要戴口罩哦01鈷藍+森林綠所有的顏色都有冷暖色調。一旦你確定了底色,將它們與相似的溫度配對將總是得到一個和諧的顏色組合。
  • 後期配色基礎:認識色輪,了解六個基礎配色方案
    色輪由12種基礎顏色組成,首先就是三原色,也就是「黃藍紅」;然後相臨兩種顏色混合變成六種顏色;相臨兩個顏色再次混合,這就構成了最基礎的色輪。當然,這十二種只是代表顏色,還有成千上萬中顏色。接下來講一下六種配色方案:一、單色配色方案一種顏色,不同亮度、飽和度的情況下放在一起。
  • 你還在用傳統色卡?現在都講究智能配色了!
    ,你或許沒聽過,但它在插畫行業可幾乎人手必備。,這些都是最常見的配色方案公式。,常常給人強烈的視覺衝擊。 1 第一部分 第一部分以色輪為主,左上角顯示前景色背景色,右側是六種配色方案,左下角是三個主要功能按鈕,右下角則顯示了目前顏色的代碼。
  • 乾貨丨昆汀色彩美學,這4種配色方案你必須懂
    昆汀就很擅長利用色彩為影片奠定基調。不過,想達到昆汀那種色彩大師的級別的話,你首先要了解電影調色中常見的四種配色方案。一、單色調單色配色方案由單一顏色的不同色調產生,比如紅色、暗紅色和粉紅色。它們能創造出一種柔和的、使人平靜舒緩的和諧感。《黑客帝國》是一個很好的單色調電影配色例子。該電影的世界裡幾乎每個場景都有綠色色調。
  • 你的配色也太爛了吧!連最基礎的初學者配色法都不會!你還畫個屁
    連最基礎的初學者配色法都不會!你還畫個屁,教程非常簡單,趕緊來看看叭: 一、四象限配色法 任意打開一種顏色的色板,都可以劃分為四個象限。給兒童設計配色方案時,試試搭配三原色,利用鮮豔的色彩,吸引小孩子的注意力和積極性。
  • 12星座對應12種顏色,快來看看你的臥室適合哪種顏色,記得收藏!
    很多人都相信星座對一個人性格的影響,那麼星座是否也會影響你喜歡的顏色呢?美國一位室內設計師就寫了一份指南,介紹哪種臥室的顏色更適合你的星座。今天我們就來看一下:不論你是否相信星座,其實下面的這些內容只是為你提供一些靈感:白羊座:粉色白羊座是一個自信,充滿活力和冒險精神的角色,時尚而不拘一格的粉色非常適合。
  • 數據可視化配色指南:三大配色方法,做出諮詢報告一樣的圖表
    當然,你必須得給每個類目一種專屬的顏色,不然重複了或者顏色太接近就分不清了。實在不行可以給同一種顏色調整明度和飽和度,比如紅色有暗紅色、大紅色、粉紅色,不過,最好是同一種色系之間有某種聯繫,比如淺色是以日為單位,深色是以周圍單位。