![](https://oss-community.eagle.cool/favicons/coolors.co.png?x-oss-process=image/resize,w_56/format,webp)
Coolors
一個替你的設計生成漂亮的顏色組合的工具
![](https://oss-community.eagle.cool/favicons/zhongguose.com.png?x-oss-process=image/resize,w_56/format,webp)
中國色
中國傳統配色參考指南
![](https://oss-community.eagle.cool/favicons/colorhunt.co.png?x-oss-process=image/resize,w_56/format,webp)
Color Hunt
設計師精心整理及挑選的配色,幫助你獲得配色靈感
![](https://oss-community.eagle.cool/favicons/color.adobe.com.png?x-oss-process=image/resize,w_56/format,webp)
Adobe Color
Adobe 的顏色工具,可以建立顏色色票在Adobe 產品內使用
![](https://oss-community.eagle.cool/favicons/uigradients.com.png?x-oss-process=image/resize,w_56/format,webp)
uiGradients
美麗的顏色漸變整理
![](https://oss-community.eagle.cool/favicons/nipponcolors.com.png?x-oss-process=image/resize,w_56/format,webp)
NIPPON COLORS
日本傳統色彩整理,提供孟塞爾顏色系統方式瀏覽顏色
![](https://oss-community.eagle.cool/favicons/mycolor.space.png?x-oss-process=image/resize,w_56/format,webp)
ColorSpace
輸入顏色並生成漂亮的調色板
![](https://oss-community.eagle.cool/favicons/colors.dopely.top.png?x-oss-process=image/resize,w_56/format,webp)
Dopely Colors
有關配色的問題都可以到這找免費解決方法
![](https://oss-community.eagle.cool/favicons/colors.tools.png?x-oss-process=image/resize,w_56/format,webp)
Colors Tools
色彩和諧、細節、混色器、色調工具
![](https://oss-community.eagle.cool/favicons/colors.tools.png?x-oss-process=image/resize,w_56/format,webp)
Colors Tools
色彩和諧、細節、混色器、色調工具
![](https://oss-community.eagle.cool/favicons/colorlisa.com.png?x-oss-process=image/resize,w_56/format,webp)
Color Lisa
蒐集了全世界知名畫家的畫作配色
![](https://oss-community.eagle.cool/favicons/pigment.shapefactory.co.png?x-oss-process=image/resize,w_56/format,webp)
Pigment
使用亮度和顏料調整顏色的配色工具
![](https://oss-community.eagle.cool/favicons/colorkit.io.png?x-oss-process=image/resize,w_56/format,webp)
ColorKit
透過顏色混合、陰影和色調查詢配色
![](https://oss-community.eagle.cool/favicons/cssgradient.io.png?x-oss-process=image/resize,w_56/format,webp)
CSS Gradient
免費的 CSS 漸變生成器工具
![](https://oss-community.eagle.cool/favicons/colorleap.app.png?x-oss-process=image/resize,w_56/format,webp)
Color Leap
蒐集了過去 4000 年之間,不同年代的 180 種歷史配色
![](https://oss-community.eagle.cool/favicons/khroma.co.png?x-oss-process=image/resize,w_56/format,webp)
Khroma
發掘、搜尋和儲存喜歡的顏色組合、色票及調色板
![](https://oss-community.eagle.cool/favicons/happyhues.co.png?x-oss-process=image/resize,w_56/format,webp)
Happy Hues
在範例網站上測試調色板靈感
![](https://oss-community.eagle.cool/favicons/colors.eva.design.png?x-oss-process=image/resize,w_56/format,webp)
Eva Design System
使用深度學習演算法生成調色板工具
![](https://oss-community.eagle.cool/favicons/materialui.co.png?x-oss-process=image/resize,w_56/format,webp)
Material UI
Material 設計顏色、扁平化顏色、圖示、調色盤整理
![](https://oss-community.eagle.cool/favicons/colors.muz.li.png?x-oss-process=image/resize,w_56/format,webp)
Muzil Color Palette Generator
Muzil 配色工具,為你的設計尋找、測試和新增調色板
![](https://oss-community.eagle.cool/favicons/colors.muz.li.png?x-oss-process=image/resize,w_56/format,webp)
Muzil Color Palette Generator
Muzil 配色工具,為你的設計尋找、測試和新增調色板
![](https://oss-community.eagle.cool/favicons/leonardocolor.io.png?x-oss-process=image/resize,w_56/format,webp)
Leonardo
根據你要的對比度生成顏色
![](https://oss-community.eagle.cool/favicons/picular.co.png?x-oss-process=image/resize,w_56/format,webp)
Picular
使用 Google 圖片搜尋的快速原色生成工具
![](https://oss-community.eagle.cool/favicons/webgradients.com.png?x-oss-process=image/resize,w_56/format,webp)
WebGradients
可使用在 CSS3、Photoshop 和 Sketch 中的 180 個線性漸變。
![](https://oss-community.eagle.cool/favicons/palettte.app.png?x-oss-process=image/resize,w_56/format,webp)
Palettte App
編輯調色板和重映射顏色的工具
![](https://oss-community.eagle.cool/favicons/colors.combinations.obys.agency.png?x-oss-process=image/resize,w_56/format,webp)
Colors Combinations
輕鬆建立獨特的顏色組合工具
![](https://oss-community.eagle.cool/favicons/brandcolors.net.png?x-oss-process=image/resize,w_56/format,webp)
BrandColors
500 多個知名品牌的官方品牌顏色
![](https://oss-community.eagle.cool/favicons/marijohannessen.github.io.png?x-oss-process=image/resize,w_56/format,webp)
Color Contrast Checker
WCAG 2.0 AA 級的顏色對比度檢查器
![](https://oss-community.eagle.cool/favicons/marijohannessen.github.io.png?x-oss-process=image/resize,w_56/format,webp)
Color Contrast Checker
WCAG 2.0 AA 級的顏色對比度檢查器
![](https://oss-community.eagle.cool/favicons/colorbox.io.png?x-oss-process=image/resize,w_56/format,webp)
ColorBox
建立、匯入及匯出不同配色超級快
![](https://oss-community.eagle.cool/favicons/duotone.shapefactory.co.png?x-oss-process=image/resize,w_56/format,webp)
Duotone
新增漂亮的雙色調顏色
![](https://oss-community.eagle.cool/favicons/gradienta.io.png?x-oss-process=image/resize,w_56/format,webp)
Gradienta
多色 CSS 漸變顏色和 JPG 下載工具
![](https://oss-community.eagle.cool/favicons/alwane.io.png?x-oss-process=image/resize,w_56/format,webp)
Alwane
輸入網頁連結,就可以獲取這個網頁裡的所有配色程式碼,並且可以直接複製貼上使用。
![](https://oss-community.eagle.cool/favicons/khroma.co.png?x-oss-process=image/resize,w_56/format,webp)
Khroma
Khroma是一個AI顏色生成工具,根據用戶輸入的顏色、圖像或喜好,生成一組獨特的配色方案。讓設計師和藝術家輕鬆獲取靈感和新的配色方案。
![](https://oss-community.eagle.cool/favicons/eggradients.com.png?x-oss-process=image/resize,w_56/format,webp)
Eggradients
最新的漸變顏色和趨勢整理
![](https://oss-community.eagle.cool/favicons/grabient.com.png?x-oss-process=image/resize,w_56/format,webp)
Grabient
可用於 Web 顏色漸變的 UI
![](https://oss-community.eagle.cool/favicons/meshgradient.com.png?x-oss-process=image/resize,w_56/format,webp)
Mesh
建立漂亮的顏色漸變工具
![](https://oss-community.eagle.cool/favicons/conic.style.png?x-oss-process=image/resize,w_56/format,webp)
Conic.css
一鍵生成 CSS 漸變顏色工具
![](https://oss-community.eagle.cool/favicons/colordrop.io.png?x-oss-process=image/resize,w_56/format,webp)
ColorDrop
數以千計的精選顏色、色票、調色板可用於你的設計作品
![](https://oss-community.eagle.cool/favicons/toptal.com.png?x-oss-process=image/resize,w_56/format,webp)
Color palette
使用不同的配色原理建立特別的顏色工具
![](https://oss-community.eagle.cool/favicons/color.review.png?x-oss-process=image/resize,w_56/format,webp)
Color.review
顏色和可視性的檢查整理工具
![](https://oss-community.eagle.cool/favicons/whocanuse.com.png?x-oss-process=image/resize,w_56/format,webp)
Who Can Use
找出誰可以看得到你的顏色檢查工具
![](https://oss-community.eagle.cool/favicons/htmlcolorcodes.com.png?x-oss-process=image/resize,w_56/format,webp)
HTML Color Codes
輕鬆找到網站的 HTML 顏色程式碼
![](https://oss-community.eagle.cool/favicons/sipapp.io.png?x-oss-process=image/resize,w_56/format,webp)
Sip
Mac最好用的螢幕取色工具
![](https://oss-community.eagle.cool/favicons/colorsafe.co.png?x-oss-process=image/resize,w_56/format,webp)
Color Safe
為設計師提供可訪問的調色板
![](https://oss-community.eagle.cool/favicons/material.io.png?x-oss-process=image/resize,w_56/format,webp)
Color Tool - Material Design
新增調色板並檢測顏色的可視性
![](https://oss-community.eagle.cool/favicons/color.uisdc.com.png?x-oss-process=image/resize,w_56/format,webp)
優設色彩導航
中國、日本傳統配色及漸變色導航
![](https://oss-community.eagle.cool/favicons/duo.alexpate.uk.png?x-oss-process=image/resize,w_56/format,webp)
Duo
顏色組合蒐集+範例
![](https://oss-community.eagle.cool/favicons/parrot.color.pizza.png?x-oss-process=image/resize,w_56/format,webp)
Color Parrot Compagnion
顏色機器人。只要推一張圖片你就能獲得圖片上的配色整理
![](https://oss-community.eagle.cool/favicons/yeun.github.io.png?x-oss-process=image/resize,w_56/format,webp)
Open Color
開源配色整理
![](https://oss-community.eagle.cool/favicons/shadegenerator.com.png?x-oss-process=image/resize,w_56/format,webp)
Shade Generator
快速生成顏色陰影工具
![](https://oss-community.eagle.cool/favicons/colordesigner.io.png?x-oss-process=image/resize,w_56/format,webp)
Color Designer
簡單的色調和陰影調色工具
![](https://oss-community.eagle.cool/favicons/materialpalettes.com.png?x-oss-process=image/resize,w_56/format,webp)
Material Design Palette Generator
從十六進位色碼標示法,取得 Material design 調色板。
![](https://oss-community.eagle.cool/favicons/colorspark.app.png?x-oss-process=image/resize,w_56/format,webp)
ColorSpark
快速生成隨機顏色的工具
![](https://oss-community.eagle.cool/favicons/getstark.co.png?x-oss-process=image/resize,w_56/format,webp)
Stark
顏色可視性測試工具及擴充
![](https://oss-community.eagle.cool/favicons/culrs.com.png?x-oss-process=image/resize,w_56/format,webp)
Culrs
簡單好用的顏色工具
![](https://oss-community.eagle.cool/favicons/huemint.com.png?x-oss-process=image/resize,w_56/format,webp)
Huemint
調色板生成器。 Huemint 使用機器學習為您的品牌、網站或圖形創建獨特的配色方案。
![](https://oss-community.eagle.cool/favicons/alvarotrigo.com.png?x-oss-process=image/resize,w_56/format,webp)
CSS Shadow Gradients
這個漸層陰影產生器提供純 CSS 編碼為您的設計生成漸變彩色陰影。
![](https://oss-community.eagle.cool/favicons/hexcolorpedia.com.png?x-oss-process=image/resize,w_56/format,webp)
HexColorPedia
十六進制顏色信息、顏色轉換、類似顏色色調、調色板集合
![](https://oss-community.eagle.cool/favicons/paletton.com.png?x-oss-process=image/resize,w_56/format,webp)
Paletton
方便制作配色的调色板
![](https://oss-community.eagle.cool/favicons/colormixer.web.app.png?x-oss-process=image/resize,w_56/format,webp)
P. C. M. 0.25
線上參數型配色調色器