流行色 2026

我们的颜色并非基于个人喜好或预测而选择。

它们是根据设计师的实际工作方式来确定的——他们选择哪些色调、应用在何处,以及使用方式如何随时间演变。

silver
#D1B8B8
RGB: 209, 184, 184HSL: 0.00°, 21.37%, 77.06%
plum
#BF98E1
RGB: 191, 152, 225HSL: 272.05°, 54.89%, 73.92%
darkslategray
#1E5239
RGB: 30, 82, 57HSL: 151.15°, 46.43%, 21.96%
darkolivegreen
#50651A
RGB: 80, 101, 26HSL: 76.80°, 59.06%, 24.90%
steelblue
#2587B1
RGB: 37, 135, 177HSL: 198.00°, 65.42%, 41.96%
mediumspringgreen
#39EA9D
RGB: 57, 234, 157HSL: 153.90°, 80.82%, 57.06%
midnightblue
#0D0D45
RGB: 13, 13, 69HSL: 240.00°, 68.29%, 16.08%
lightblue
#B8D8E5
RGB: 184, 216, 229HSL: 197.33°, 46.39%, 80.98%
mediumblue
#012DDA
RGB: 1, 45, 218HSL: 227.83°, 99.09%, 42.94%
green
#2E9B03
RGB: 46, 155, 3HSL: 103.03°, 96.20%, 30.98%
purple
#7B1962
RGB: 123, 25, 98HSL: 315.31°, 66.22%, 29.02%
yellowgreen
#CEFA70
RGB: 206, 250, 112HSL: 79.13°, 93.24%, 70.98%
aqua
#18ECFB
RGB: 24, 236, 251HSL: 183.96°, 96.60%, 53.92%
yellowgreen
#9DD219
RGB: 157, 210, 25HSL: 77.19°, 78.72%, 46.08%
midnightblue
#4B2380
RGB: 75, 35, 128HSL: 265.81°, 57.06%, 31.96%
goldenrod
#EFCA52
RGB: 239, 202, 82HSL: 45.86°, 83.07%, 62.94%
palegoldenrod
#D1D18F
RGB: 209, 209, 143HSL: 60.00°, 41.77%, 69.02%
black
#371D3A
RGB: 55, 29, 58HSL: 293.79°, 33.33%, 17.06%
royalblue
#2659E3
RGB: 38, 89, 227HSL: 223.81°, 77.14%, 51.96%
darkseagreen
#A4B082
RGB: 164, 176, 130HSL: 75.65°, 22.55%, 60.00%
mediumpurple
#9C82D3
RGB: 156, 130, 211HSL: 259.26°, 47.93%, 66.86%
rosybrown
#A57378
RGB: 165, 115, 120HSL: 354.00°, 21.74%, 54.90%
darkolivegreen
#68764C
RGB: 104, 118, 76HSL: 80.00°, 21.65%, 38.04%
lightsteelblue
#A5B6EE
RGB: 165, 182, 238HSL: 226.03°, 68.22%, 79.02%
darkslateblue
#7F4376
RGB: 127, 67, 118HSL: 309.00°, 30.93%, 38.04%
darkmagenta
#9215A2
RGB: 146, 21, 162HSL: 293.19°, 77.05%, 35.88%
royalblue
#0A65CD
RGB: 10, 101, 205HSL: 212.00°, 90.70%, 42.16%
steelblue
#5482A6
RGB: 84, 130, 166HSL: 206.34°, 32.80%, 49.02%
saddlebrown
#812F03
RGB: 129, 47, 3HSL: 20.95°, 95.45%, 25.88%
teal
#186860
RGB: 24, 104, 96HSL: 174.00°, 62.50%, 25.10%
sienna
#7C3D3C
RGB: 124, 61, 60HSL: 0.94°, 34.78%, 36.08%
forestgreen
#10B143
RGB: 16, 177, 67HSL: 139.01°, 83.42%, 37.84%
steelblue
#7E9CC8
RGB: 126, 156, 200HSL: 215.68°, 40.22%, 63.92%
wheat
#F0E3BC
RGB: 240, 227, 188HSL: 45.00°, 63.41%, 83.92%
lightgreen
#98DA72
RGB: 152, 218, 114HSL: 98.08°, 58.43%, 65.10%
sienna
#A76652
RGB: 167, 102, 82HSL: 14.12°, 34.14%, 48.82%
dimgray
#52332D
RGB: 82, 51, 45HSL: 9.73°, 29.13%, 24.90%
darkkhaki
#CCBE66
RGB: 204, 190, 102HSL: 51.76°, 50.00%, 60.00%
lightskyblue
#82B8DE
RGB: 130, 184, 222HSL: 204.78°, 58.23%, 69.02%
lightskyblue
#5EBEED
RGB: 94, 190, 237HSL: 199.72°, 79.89%, 64.90%
darkgoldenrod
#D1A54D
RGB: 209, 165, 77HSL: 40.00°, 58.93%, 56.08%
saddlebrown
#8C6026
RGB: 140, 96, 38HSL: 34.12°, 57.30%, 34.90%
lightgreen
#9EFAA3
RGB: 158, 250, 163HSL: 123.26°, 90.20%, 80.00%
dodgerblue
#5187FB
RGB: 81, 135, 251HSL: 220.94°, 95.51%, 65.10%
darkorchid
#AF1DB4
RGB: 175, 29, 180HSL: 298.01°, 72.25%, 40.98%
darkblue
#28119C
RGB: 40, 17, 156HSL: 249.93°, 80.35%, 33.92%
seagreen
#09864E
RGB: 9, 134, 78HSL: 153.12°, 87.41%, 28.04%
thistle
#E7C5DE
RGB: 231, 197, 222HSL: 315.88°, 41.46%, 83.92%
forestgreen
#37952D
RGB: 55, 149, 45HSL: 114.23°, 53.61%, 38.04%
darkorchid
#8C2BC5
RGB: 140, 43, 197HSL: 277.79°, 64.17%, 47.06%

我们如何识别流行色

每天我们都会分析数百万个真实的设计选择,并结合三条数据流来发现正在兴起的趋势::

  • 用户行为: 我们会跟踪设计师通过我们的取色工具选择的颜色,但不会监控这些颜色代码之后的使用位置;我们的关注点仅在于他们所选择的色调本身。
  • 真实网站和调色板: 我们的扩展程序会自动抓取用户访问的网站中的 CSS 颜色并进行分析,同时也会从设计师参考的调色板图片中提取颜色,以了解实际被使用的色彩。
  • 时间动态: 我们会监控每种色调的使用情况如何逐周变化——是正在流行、保持稳定,还是逐渐减少。

仅凭出现频率并不足够。我们使用 GPT 模型来解读上下文和意图,过滤掉一次性实验和特定品牌的特殊情况。这样一来,我们展示的颜色能够反映真实的跨项目趋势,而不仅仅是数据噪声。:

AI 的作用

原始数据无法讲述全部故事。我们的语言模型会分析每种颜色的使用方式和原因——是作为背景、按钮、正文还是强调色。这帮助我们识别模式:

  • 将相似色调归类到同一趋势下,
  • 理解颜色在界面中的功能角色,
  • 区分真正的新兴趋势与永不过时的中性色或传统配色方案。

简而言之,模型帮助我们解读数据,但并不会自行做出趋势判断。

为什么这些颜色正在流行

当满足以下条件时,一种色调会进入流行榜单:

  • 在彼此无关的项目和团队中出现得更频繁,
  • 设计师将其用于重要功能,如行动号召或关键元素,
  • 我们看到它被应用于不同类型的产品和行业中。

由于我们持续跟踪使用情况,趋势会自然演变,并反映当下设计领域正在发生的变化。

你们多久更新一次流行色?

我们的流行色列表每周更新一次。我们持续从颜色选择、网站扫描和调色板图片中收集新数据,并定期重新计算趋势。这样,你看到的颜色能够真实反映设计师当前的使用情况,而不会对短期波动过度反应。

Color Picker: 流行色 2026