【配色網站】34個國外優質的配色表網站推薦，設計師的配色技巧工具

身為設計系的學生每天都有作品配色的困擾，這些配色表網站和工具就是專門為這些學生或是設計師來分享的，每天吸收不同的配色技巧和配色教學，這個你一定要收藏。

Color Designer 配色網站

配色網站： https://colordesigner.io/
推薦說明： 輕鬆生成調色板。該工具還將為您生成色調和陰影。

輕鬆生成調色板。該工具還將為您生成色調和陰影

Color Review 配色網站

配色網站： https://color.review/
推薦說明： 用於探索和查找可訪問顏色的現代工具。

用於探索和查找可訪問顏色的現代工具

ColorSlurp 配色網站

配色網站： http://colorslurp.com/
推薦說明： 為開發人員或設計人員提供終極色彩生產。

為開發人員或設計人員提供終極色彩生產

Palettte App 配色表

配色表網站： https://palettte.app/
推薦說明： PalettteApp可幫助您創建，分析和編輯平滑的調色板。

PalettteApp可幫助您創建，分析和編輯平滑的調色板

Pigment 配色表

配色表網站： https://pigment.shapefactory.co/
推薦說明： 在幾秒鐘內找到一個美麗的免費調色板，開始您的下一個項目。

在幾秒鐘內找到一個美麗的免費調色板，開始您的下一個項目

Flat UI Colors 2 配色表

配色表網站： https://flatuicolors.com/
推薦說明： 總共14種調色板和280種顏色，可滿足您的設計，項目，演示和其他需求。

總共14種調色板和280種顏色，可滿足您的設計，項目，演示和其他需求

COLOURlovers 配色表

配色表網站： https://www.colourlovers.com/
推薦說明： 一個由各種設計師和藝術家組成的國際社區，他們訪問該網站，為他們的專業和個人項目獲得色彩靈感。

一個由各種設計師和藝術家組成的國際社區，他們訪問該網站，為他們的專業和個人項目獲得色彩靈感

Adobe Color CC 配色表

配色表網站： https://color.adobe.com/create/color-wheel/
推薦說明： 使用色輪創建配色方案或瀏覽數千種顏色組合。

使用色輪創建配色方案或瀏覽數千種顏色組合

Khroma 配色表

配色表網站： http://khroma.co/
推薦說明： 設計師的AI顏色工具並發現，搜索和保存您喜愛的顏色組合。

設計師的AI顏色工具並發現，搜索和保存您喜愛的顏色組合

ColorBox 配色表

配色表網站： https://www.colorbox.io/
推薦說明： ColorBox是一種用於生成顏色集的顏色工具。

ColorBox是一種用於生成顏色集的顏色工具

Colourco.de 配色工具

配色工具網站： https://colourco.de/
推薦說明： 在線設計器工具，可讓您輕鬆直觀地組合顏色。

在線設計器工具，可讓您輕鬆直觀地組合顏色

Color Claim 配色表

配色表網站： https://www.vanschneider.com/colors
推薦說明： 分享特別顏色組合和獨特的顏色。

分享特別顏色組合和獨特的顏色

Site Palette 配色工具

配色工具網站： http://palette.site/
推薦說明： 設計師和前端開發人員必備的工具。自由配色方案提取。

設計師和前端開發人員必備的工具。自由配色方案提取

HTML Color Codes 配色工具

配色工具網站： https://htmlcolorcodes.com/
推薦說明： 使用我們的顏色選擇器，顏色圖表和HTML顏色名稱輕鬆查找您網站的HTML顏色代碼。

使用我們的顏色選擇器，顏色圖表和HTML顏色名稱輕鬆查找您網站的HTML顏色代碼

Coolors.co 配色工具

配色工具網站： https://coolors.co/
推薦說明： 超快速配色方案生成器。在幾秒鐘內創建，保存和共享完美的調色板。

超快速配色方案生成器。在幾秒鐘內創建，保存和共享完美的調色板

ColorSpark 配色工具

配色工具網站： https://colorspark.app/
推薦說明： 一種簡單有效的工具，可生成隨機顏色和漸變。

一種簡單有效的工具，可生成隨機顏色和漸變

Tint and Shade Generator 配色工具

配色工具網站： https://maketintsandshades.com/
推薦說明： 此工具的目的是以10％的增量精確生成給定十六進制顏色的色調。

此工具的目的是以10％的增量精確生成給定十六進制顏色的色調

Culrs 配色工具

配色工具網站： https://culrs.com/
推薦說明： Culrs為您提供了一種簡單明智的方法來選擇調色板。

Culrs為您提供了一種簡單明智的方法來選擇調色板

Sip for Mac 配色表

配色表網站： http://sipapp.io/
推薦說明： 收集，整理和分享您的顏色的最佳方式。

收集，整理和分享您的顏色的最佳方式

uiGradients 配色工具

配色工具網站： https://uigradients.com/
推薦說明： 為設計師和開發人員精心挑選的美麗色彩漸變系列。

為設計師和開發人員精心挑選的美麗色彩漸變系列

Color Leap 配色工具

配色工具網站： https://colorleap.app/home
推薦說明： 搜索過去4000年中使用的180個調色板。

線上熱門文章排行榜

搜索過去4000年中使用的180個調色板

Stark 配色工具

配色工具網站： http://www.getstark.co/
推薦說明： Sketch＆AdobeXD的色盲模擬器和對比度檢查器。

Sketch＆AdobeXD的色盲模擬器和對比度檢查器

Material Design Palette Generator 配色表

配色表網站： https://materialpalettes.com/
推薦說明： 從任何十六進制輸入中製作完美的材質設計調色板，並獲得顏色建議。

從任何十六進制輸入中製作完美的材質設計調色板，並獲得顏色建議

CSS Gradient 配色工具

配色工具網站： https://cssgradient.io/
推薦說明： 作為一個免費的css漸變生成器工具，這個網站可以讓你創建一個彩色漸變背景。

作為一個免費的css漸變生成器工具，這個網站可以讓你創建一個彩色漸變背景

Contrast 配色工具

配色工具網站： https://usecontrast.com/
推薦說明： 用於快速訪問WCAG色彩對比度的macOS應用程序。

用於快速訪問WCAG色彩對比度的macOS應用程序

Blend 配色工具

配色工具網站： http://www.colinkeany.com/blend/
推薦說明： 創建和自定義漂亮的CSS3漸變。

創建和自定義漂亮的CSS3漸變

BrandColors 配色工具

配色工具網站： https://brandcolors.net/
推薦說明： 包括500多個品牌的十六進制顏色代碼，包括Facebook，Twitter，Instagram等等。

包括500多個品牌的十六進制顏色代碼，包括Facebook，Twitter，Instagram等等

Web Gradients 配色表

配色表網站： https://webgradients.com/
推薦說明： 180個色彩漸變的免費集合，您可以在網站的任何部分用作內容背景。

180個色彩漸變的免費集合，您可以在網站的任何部分用作內容背景

Grabient 配色工具

配色工具網站： https://www.grabient.com/
推薦說明： 用於生成Web漸變的美麗而簡單的UI。

用於生成Web漸變的美麗而簡單的UI

ColorSpace 配色表

配色表網站： https://mycolor.space/
推薦說明： 在這裡，您可以找到適合您下一個項目的完美匹配顏色方案！生成漂亮的調色板，顏色漸變等等。

在這裡，您可以找到適合您下一個項目的完美匹配顏色方案！生成漂亮的調色板，顏色漸變等等

Picular 配色工具

配色工具網站： https://picular.co/
推薦說明： Picular是使用谷歌圖像搜索的火箭快速原色發生器。

Picular是使用谷歌圖像搜索的火箭快速原色發生器

Color Hunt 配色表

配色表網站： https://colorhunt.co/
推薦說明： 設計師和藝術家的調色板。成千上萬的時尚手工挑選的調色板。。

設計師和藝術家的調色板。成千上萬的時尚手工挑選的調色板。

Scale 配色工具

配色工具網站： https://hihayk.github.io/scale/
推薦說明： 俏皮的色彩製作器。

俏皮的色彩製作器

Wheel 配色工具

配色工具網站： https://hihayk.github.io/wheel/
推薦說明： 色彩輪配色工具。

色彩輪配色工具