色彩灵感 · 实时更新

让每一种颜色
都有它的位置

浏览色卡、生成渐变、整理配色方案。91色不定义“好颜色”,只帮你更快找到适合当下场景的那一组。

12,400+收录色值
3,800+配色方案
96%即拿即用

从一个色块开始

八个入口,覆盖找色、配色的常见路径。不绕路,不堆砌。

🎨

灵感色谱

按情绪和场景整理色彩集合,快速浏览当季值得关注的色群,减少漫无目的的翻找。

🌅

渐变工坊

选起止色、调角度、加中间色标,实时预览并复制 CSS 代码,背景和按钮一次调好。

🧩

配色公式

用 60-30-10 法则和邻近色、互补色逻辑,把零散的颜色组织成能直接用的方案。

📇

色卡图鉴

每个色值配有 HEX、RGB、HSL 三种格式和明度参考,方便在不同工具和场景中切换。

📈

趋势预报

跟踪年度色和秀场、家居领域的新变化,把趋势信息转化成可以落地的色彩参考。

🖼️

风格专题

围绕极简、复古、自然等视觉方向,成组整理色彩氛围和搭配建议,减少试错。

🔖

我的收藏

把常用颜色和方案收进个人夹,随时回来对比、调整,不用反复搜索和截图保存。

💬

创作者说

设计师和色彩爱好者的真实使用笔记,分享哪些颜色在屏幕上好看、落地也稳。

平台资讯

新功能、新色集、新变化。挑重要的说。

功能更新

渐变工坊支持多色标与角度记忆了

现在可以在同一条渐变里加入最多五个中间色标,调整角度后系统会自动记住常用方向。复制 CSS 时同时输出 linear-gradient 和 radial-gradient 两种写法,粘到项目里不用再手动改格式。

91色产品组

「变革蓝绿」专题色集上线:介于孔雀蓝与薄荷绿之间

趋势

色卡详情页新增对比度提示,浅色文字不再踩坑

工具

收藏夹支持分组了,长方案和临时灵感可以分开管

功能

平台热点

最近被看得最多、收得最多的几个方向。

01

变革蓝绿(Transformative Teal)色卡被大量收藏

介于孔雀蓝和薄荷绿之间,被用于品牌页面和产品界面的主色候选

趋势色
02

米白底渐变背景的搜索量持续上升

低饱和暖色起点 + 透明过渡,正在替代纯白或深色大背景

渐变
03

“60-30-10”配色公式相关方案使用率最高

简单、可复用,适合从零搭一套不乱的色彩层级

方法
04

巧克力棕与通透蓝的撞色组合进入收藏前列

冷暖对比明确,但两边都降低了饱和度,屏幕上看不刺眼

组合
05

“云舞白”作为画布底色的方案关注度上涨

比纯白柔和,适合长时间阅读和内容型界面

底色
06

多色标渐变在按钮和首屏装饰中的使用变多

不再只用两色过渡,中间色标让层次更细但保持克制

工具

用户说

真实使用场景里的反馈,比评分更有参考价值。

陈
陈默
UI 设计师

渐变工坊的角度记忆挺实用的,做一套设计系统的时候不用反复调同一个方向,省下来的时间比想象中多。

林
林一
品牌视觉

色卡详情里带对比度提示之后,选浅色文字时心里有底多了。以前要在两个工具之间来回切,现在一个页面看完。

周
周屿
前端开发

复制 CSS 直接能用,格式不乱。对开发来说,少一步手动整理就少一个出错的入口。

苏
苏晚
内容编辑

收藏夹分组之后,临时灵感跟正式方案终于不用混在一起了。这个需求不大,但用起来很顺手。

何
何也
插画师

趋势色集更新得比较快,而且没有硬推“年度色必须用”的感觉。当作参考看看,反而更容易找到自己想要的。

张
张见
产品经理

60-30-10 那组方案拿来改一改就能用在后台界面里,比例清楚,不需要从零想层级。

许
许澄
学生

作业里要交配色说明,色卡图鉴的三种格式直接贴进报告就行,省了很多整理的时间。

顾
顾青
自由设计师

界面不花哨,颜色本身是主角。这点挺好的,工具站不需要自己抢戏。

沈
沈迟
电商运营

找活动页配色的时候会先用灵感色谱缩范围,再进渐变工坊试背景,比直接搜“好看的颜色”效率高很多。

陆
陆原
摄影后期

从图片取色之后过来检查对比度,已经变成固定流程了。屏幕上看着对的颜色,落到文字上不一定能读。

程
程雨
家居博主

巧克力棕和通透蓝那组撞色,用在封面图里效果很好,比单色背景多一点温度但不乱。

方
方其
长期用户

用了小半年,没遇到过花哨的弹窗或者硬推付费。收藏夹里存了几十组方案,想找的时候能翻到,就够了。

91色是什么

91色是一个围绕“色彩内容浏览、整理与个性化查看”构建的在线平台。名字里的“91”只是一个标识,不是一个标准色号,也不指向某一种固定颜色。真正重要的是页面上的色值、对比度和使用场景。

我们做的事情不复杂:把散落在各处的颜色灵感收拢起来,用色卡、渐变工具和配色方案三种形式呈现,让找色和配色的过程少一点来回切换,多一点确定性。界面保持安静,因为颜色本身已经足够表达。

如果你在找“一个页面能看完色值、对比度和 CSS 代码”的地方,这里大概率能帮上忙。

12,400+ 收录色值
3,800+ 配色方案
8 内容分类
96% 即拿即用比例