设计师收藏夹必备：30 + 宝藏配色网站合集，从中国色到渐变一次配齐

做设计最痛苦的事是什么？不是画不出来，而是配色纠结半天：这个蓝太俗、那个粉太艳、甲方要的”高级感”到底是啥色？其实很多配色难题，早有现成网站帮你解决了。今天这篇整理了我收藏夹里 30+ 个宝藏配色网站，覆盖中国传统色、调色板、渐变、品牌色、色号查询全场景，全部免费在线使用，建议先收藏再慢慢看。

一、中国传统色，国风设计的底气

做国风、文创、新中式设计，传统色是绕不开的灵感库。这几个网站把中国传统色彩玩明白了。

中国色 AI 配色工具：基于中国传统色彩体系，选一个主色就能自动生成整套国风配色，还内置配色模版、纹样图案、诗词创作板块，PPT、商品展示、数据图表都有对应配色示例，做国风设计首选。

毒蘑菇配色：主打中国传统色，色彩分类细致，色值查询方便，适合需要快速取中国传统色的场景。

颜色代码表：创作者的免费在线工具箱，AI 智能配色、随机调色板、颜色格式转换、图片颜色提取、屏幕取色器一站式配齐，还带色卡对照表，设计开发都能用。

二、调色板合集，配色灵感随手翻

没灵感的时候，翻调色板是最快的办法。这几个网站的配色方案质量都很高。

配色卡：配色大全网站，海量配色卡持续更新，经典配色、智能配色、网页配色、品牌配色、渐变色卡、流体渐变全覆盖，还支持输入 HEX 色值搜配色、在线取色，一站式搞定。

ColorSpace：输入一个颜色自动生成整套和谐配色，支持双色渐变、三色渐变，每套配色附 CSS 代码，前端开发直接复制。

colors.lol：每个调色板都配了创意名称和描述，看名字就能 get 到配色气质，翻起来特别有灵感。

Culrs：500+ 手工精选调色板，按红、粉、紫、蓝等色系分类筛选，看到喜欢的还能收藏。

ColorDrop：Trending、Recent、Popular 三种热度筛选，配色方案不断更新，Generate 一键随机配色，摸鱼时刷一刷都是灵感。

Online Color 在线调色板：为设计师和艺术家打造的调色板，支持 8 种色彩模式切换，秋天、蓝色、咖啡、奶油等主题分类配色直接按场景选。

Paletton：专业配色方案设计工具，色轮交互经典，做配色方案设计的老牌选择。

三、渐变配色，网页背景的高级感

渐变背景做得好，页面质感直接拉满。这三个渐变网站是设计师圈公认的好用。

WebGradients：180 种精选渐变背景，免费可商用，支持一键复制 CSS、导出 Sketch/PSD/Figma 文件，Github 高星项目，品质有保障。

uiGradients：大量漂亮的双色渐变，每个渐变配创意名称和 CSS 代码，支持一键切换刷新，随机刷一个就是惊喜。

Mesher：CSS Hero 出品的网格渐变生成器，多色点自由配置，Randomize 或按空格随机生成，做炫酷背景的神器。

四、扁平化配色，UI 设计的百搭选择

扁平化设计风格永不过时，这几个网站专治 UI 配色选择困难。

Flat UI Colors：280 种精选扁平化 UI 颜色，点一下就能复制色值，内置 American、Aussie、British、Canadian 等多套经典配色板。

Flat UI Color Picker：扁平化颜色选择网站，每种颜色配创意名称和收藏热度，分页浏览无压力。

五、品牌色库，做提案的高级感来源

做品牌设计、给甲方提案，参考大牌配色永远是最稳的思路。

BrandColors：收录全球知名品牌官方配色色值，按品牌名搜索，每个品牌附完整色号和十六进制色值，做提案前先来翻翻。

六、颜色搜索引擎，万物皆可配色

想知道”海洋”是什么颜色？输入关键词就能搜出来。

Picular：号称”任何事物的颜色”，输入任意关键词，基于图片搜索结果自动提取生成对应色块，ocean、wood、sunset 都能搜，配色脑洞大开。

七、色号查询与转换，取色不求人

色值转换、色号查询是设计师和开发者的日常刚需，这几个网站效率极高。

HTML Color Codes：老牌 HTML 颜色代码网站，颜色拾取器、色轮、颜色名称、颜色图表、颜色转换全套工具，随机调色板也能一键生成。

千通彩色库：在线色号查询网站，输入标准色号就能查对应色卡色值，支持 Pantone 色号查询、RGB/CMYK 转换、传图识色，印刷和纺织行业强烈推荐。

小坤颜色转换器：免费在线颜色格式转换工具，支持颜色格式转换、屏幕取色、随机颜色生成、HSLA 调色，轻量好用。

ColorConvert：颜色转换工具，天蓝色、米色、海军蓝等常用颜色名称直接对照转换。

颜色表：罗列 74 种基础颜色色块，中文名称、十六进制色值、RGB 数值一一对照，支持按颜色名称或色值搜索。

颜色代码表：色卡色号对照表、劳尔色卡电子版在线查询，标准色卡也能网上查。

八、图片取色，参考图直接变配色

看到一张好看的图，想直接用它的配色？取色工具帮你搞定。

海报配色网：上传图片自动提取主色和配色，还内置国内/国外电影海报、照片、绘画、卡通动漫等分类配色参考，AI 灵感配色一键生成。

九、大厂工具，专业配色兜底

最后放一个大招：Adobe 官方出品。

Adobe Color 色轮：交互式色轮取色，自动生成和谐配色，支持多种色彩和谐模式、图像取色，配色命名后还能直接在 Adobe Express 里创建设计，专业玩家的标配。

以上 20+ 个配色网站全部免费在线使用，按需收藏即可。做设计最重要的就是多看多配，灵感永远在下一个色块里。如果觉得有用，欢迎收藏转发，后续我还会继续更新更多工具类合集。