值得收藏：15個超好用的配色網(wǎng)站分享

時間：2023-04-18 02:56:02 | 來源：網(wǎng)站運營

時間：2023-04-18 02:56:02 來源：網(wǎng)站運營

值得收藏：15個超好用的配色網(wǎng)站分享：

01

?Material Palette

網(wǎng)站地址：http://www.materialpalette.com/

Material Palette是一款提供Material Design配色的線上工具，它能夠?qū)⒁粡垐D片里的顏色代碼提取出來，制作各種各樣的圖片色卡，以便學習其中的配色方案。大自然就是最好的配色方案，有了這個 APP ，走在街上，看到好看的風景，都可以拍下來，對照片進行配色分析。




02

Flat UI Colors

網(wǎng)站地址：http://flatuicolors.com/

Flat UI Colors采集了扁平化設(shè)計中最受歡迎的色彩，可以吸取復制任何你看中的色彩?？梢酝ㄟ^選擇相似的色調(diào)和飽和度，來達到快速配色。還可以免費選擇和下載色值到本地。這個網(wǎng)站提供了多種主流 UI 配色方案，有明度和飽和度的對比，點擊色塊就可以直接復制顏色，非常方便。

03

Coolors

網(wǎng)站地址：http://coolors.co/

Coolors是一個可以讓你簡單快速地選色生成工具，為你找出配色的靈感，該網(wǎng)站每次會為你挑選由五種顏色組合而成的調(diào)色盤，并顯示顏色的代碼，你可以快速選取使用，或是鎖定其中的幾種顏色。這是一個非常好用的配色網(wǎng)站，他有三個分類，第一個叫配色列表，支持顏色分組，關(guān)鍵詞搜索，比如你想要商務配色，就可以搜索商務，他會出現(xiàn)商務類的配色方案，你還可以選定一種主色，它自動給你選擇搭配的顏色。第二個叫顏色分類，將配色分為不同的主題，根據(jù)主題選擇配色方案，第三個是圖片取色，它可以迅速的提取出圖片中的顏色。







04

Skala Color

網(wǎng)站地址：http://bjango.com/mac/skalacolor/

Skala Color是一款為設(shè)計師和開發(fā)者而生的優(yōu)質(zhì)取色工具。這款取色器小巧簡潔但功能豐富，適用于OS X系統(tǒng)，支持大量的格式（如十六進制、CSS的RGBA模式或HSL模式、UIColor亦或是NSColor等等），在web、iOS、Android、或OS X開發(fā)上都能勝任。這是一個非常簡潔，但非常好用的配色網(wǎng)站，你可以自己創(chuàng)造并分享喜歡的色彩搭配，也可以在這里查看大師們常用的配色方案，還可以給喜歡的配色點贊。







05

Material UI Colors

網(wǎng)站地址：http://www.materialui.co/colors

Material UI Colors是為Material Design而生的配色模板，其色板每一張均從基本顏色開始，然后逐漸擴充，創(chuàng)建出一套完整、可復用的配色體系，可用于網(wǎng)頁設(shè)計、安卓設(shè)計和iOS設(shè)計。




06

Brand Colors

網(wǎng)站地址：http://brandcolors.net/

Brand Colors，即世界知名品牌顏色收集網(wǎng)，收錄了世界最知名的品牌、企業(yè)公司、知名網(wǎng)站的顏色的色碼，你可以快速下載獲取顏色文件，文件支持ASE、SCSS、LESS和CSS格式。

07

Paletton

網(wǎng)站地址：http://paletton.com/

Paletton是一個成立于2002年的顏色配色工具，幫助平面設(shè)計師和網(wǎng)頁設(shè)計師選擇理想的配色方案，打開網(wǎng)站即可選擇一種顏色，然后系統(tǒng)自動生成配套的色系供設(shè)計師使用。

08

0 to 255

網(wǎng)站地址：http://www.0to255.com/

首先你可以通過0To255網(wǎng)站選擇一個作為出發(fā)點的顏色（起始顏色），然后你會看到一個基于起始顏色、有序呈現(xiàn)色彩變化的顏色列表，這些顏色從上至下體現(xiàn)黑白（或者濃淡）的變化，你可以選擇自己最滿意的顏色，并且可以直接復制代碼到自己的網(wǎng)頁設(shè)計頁面，或者直接查看其顏色符號再使用。

9

Colour Lovers

網(wǎng)站地址：http://www.colourlovers.com/

Colour Lovers是一個可以創(chuàng)建、分享、討論配色方案的討論網(wǎng)站，有提供色彩搜索的功能，輸入你想要的色彩形容詞，就會顯示出有關(guān)這個形容詞的色盤供你選擇。在Browse中還有顏色、印象選項可以讓你勾選，查詢之后會傳回色塊排列，幫你將色系有序的做整理。

10

Adobe Color CC

網(wǎng)站地址：https://color.adobe.com/create/color-wheel/

Adobe Color CC可用于快速創(chuàng)建新色彩主題，你可以選擇不同的調(diào)色規(guī)則，然后使用交互式色盤、亮度以及不同顏色模式的滑塊來建立顏色，也可以從圖片中提取顏色，當然也支持直接輸入顏色代碼。

11

Colllor

網(wǎng)站地址：http://colllor.com/

Colllor是一個自選顏色生成配色方案的工具，只需輸入你要的顏色，或者點幾下鼠標，就能生成一套完整一致的web調(diào)色板。Colllor生成的配色方案從同一種顏色衍生開來，共用同一個色調(diào)、明度或飽和度值。這款工具能讓你找到任何顏色灰度的精確值。

12

LOL Colors

這是一個非常簡潔，但非常好用的配色網(wǎng)站，設(shè)計師可們可以在這里找到很多色彩組合，把鼠標移動到不同顏色的水滴上會提示色彩代碼(Hex Code)的顏色值。

13

Nipponcolors

日本傳統(tǒng)色

這是一個很文藝的網(wǎng)站，里面收錄了非常多看好的顏色，而且每一種顏色都有一個很文藝的名稱。而且，整個網(wǎng)站的背景主色是一直在變化的，非常棒。

14

Uigradients

漸變背景色參考網(wǎng)站

以分享美麗漸變色彩為主的分享站，里面接近上百種漸變配色方案，設(shè)計師可根據(jù)自己風格來選擇搭配。

15

中國傳統(tǒng)配色

國風設(shè)計師的福音。進去首頁左側(cè)就是各種顏色，點擊顏色選項頁面也會變成相應的顏色，并出現(xiàn)該顏色的CMYK和RGB數(shù)值。喜歡中國風的設(shè)計師一定要收藏的網(wǎng)站。