Logo

Color Picker

流行色 2026

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

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

mediumpurple
#9881DF
RGB: 152, 129, 223HSL: 254.68°, 59.49%, 69.02%
olive
#847B06
RGB: 132, 123, 6HSL: 55.71°, 91.30%, 27.06%
lightblue
#A9C9D0
RGB: 169, 201, 208HSL: 190.77°, 29.32%, 73.92%
tan
#ADA47B
RGB: 173, 164, 123HSL: 49.20°, 23.36%, 58.04%
seagreen
#0A7153
RGB: 10, 113, 83HSL: 162.52°, 83.74%, 24.12%
indigo
#43017A
RGB: 67, 1, 122HSL: 272.73°, 98.37%, 24.12%
olive
#8A742E
RGB: 138, 116, 46HSL: 45.65°, 50.00%, 36.08%
darkorchid
#8830BB
RGB: 136, 48, 187HSL: 277.99°, 59.15%, 46.08%
lightpink
#FA9EAC
RGB: 250, 158, 172HSL: 350.87°, 90.20%, 80.00%
darkslateblue
#430F3D
RGB: 67, 15, 61HSL: 306.92°, 63.41%, 16.08%
lightgreen
#C9F17E
RGB: 201, 241, 126HSL: 80.87°, 80.42%, 71.96%
brown
#9F2B23
RGB: 159, 43, 35HSL: 3.87°, 63.92%, 38.04%
lightslategray
#749BAA
RGB: 116, 155, 170HSL: 196.67°, 24.11%, 56.08%
darkolivegreen
#165526
RGB: 22, 85, 38HSL: 135.24°, 58.88%, 20.98%
mediumvioletred
#E40CB5
RGB: 228, 12, 181HSL: 313.06°, 90.00%, 47.06%
limegreen
#18A716
RGB: 24, 167, 22HSL: 119.17°, 76.72%, 37.06%
red
#E92416
RGB: 233, 36, 22HSL: 3.98°, 82.75%, 50.00%
deepskyblue
#26AEF7
RGB: 38, 174, 247HSL: 200.96°, 92.89%, 55.88%
maroon
#6E140C
RGB: 110, 20, 12HSL: 4.90°, 80.33%, 23.92%
khaki
#FDE28C
RGB: 253, 226, 140HSL: 45.66°, 96.58%, 77.06%
thistle
#CFC5DD
RGB: 207, 197, 221HSL: 265.00°, 26.09%, 81.96%
darkmagenta
#A1088F
RGB: 161, 8, 143HSL: 307.06°, 90.53%, 33.14%
blueviolet
#873DE1
RGB: 135, 61, 225HSL: 267.07°, 73.21%, 56.08%
darkslategray
#48412D
RGB: 72, 65, 45HSL: 44.44°, 23.08%, 22.94%
olivedrab
#86AC39
RGB: 134, 172, 57HSL: 79.83°, 50.22%, 44.90%
orchid
#CD5BAB
RGB: 205, 91, 171HSL: 317.89°, 53.27%, 58.04%
darkseagreen
#9DDDA3
RGB: 157, 221, 163HSL: 125.63°, 48.48%, 74.12%
darkolivegreen
#696835
RGB: 105, 104, 53HSL: 58.85°, 32.91%, 30.98%
black
#34211D
RGB: 52, 33, 29HSL: 10.43°, 28.40%, 15.88%
lightgreen
#C7F2A1
RGB: 199, 242, 161HSL: 91.85°, 75.70%, 79.02%
limegreen
#0EC836
RGB: 14, 200, 54HSL: 132.90°, 86.92%, 41.96%
deeppink
#E1057A
RGB: 225, 5, 122HSL: 328.09°, 95.65%, 45.10%
slateblue
#685CD1
RGB: 104, 92, 209HSL: 246.15°, 55.98%, 59.02%
steelblue
#576C94
RGB: 87, 108, 148HSL: 219.34°, 25.96%, 46.08%
plum
#D19ED1
RGB: 209, 158, 209HSL: 300.00°, 35.66%, 71.96%
hotpink
#EB6098
RGB: 235, 96, 152HSL: 335.83°, 77.65%, 64.90%
tomato
#E04C1A
RGB: 224, 76, 26HSL: 15.15°, 79.20%, 49.02%
seagreen
#528E55
RGB: 82, 142, 85HSL: 123.00°, 26.79%, 43.92%
mediumaquamarine
#73C497
RGB: 115, 196, 151HSL: 146.67°, 40.70%, 60.98%
darkslategray
#305454
RGB: 48, 84, 84HSL: 180.00°, 27.27%, 25.88%
mediumblue
#3B23D1
RGB: 59, 35, 209HSL: 248.28°, 71.31%, 47.84%
cornflowerblue
#98AEEB
RGB: 152, 174, 235HSL: 224.10°, 67.48%, 75.88%
purple
#7C0462
RGB: 124, 4, 98HSL: 313.00°, 93.75%, 25.10%
yellowgreen
#91BA17
RGB: 145, 186, 23HSL: 75.09°, 77.99%, 40.98%
lightgreen
#7BE170
RGB: 123, 225, 112HSL: 114.16°, 65.32%, 66.08%
steelblue
#4589C4
RGB: 69, 137, 196HSL: 207.87°, 51.84%, 51.96%
darkslateblue
#8E5997
RGB: 142, 89, 151HSL: 291.29°, 25.83%, 47.06%
rosybrown
#BB7C94
RGB: 187, 124, 148HSL: 337.14°, 31.66%, 60.98%
darkslateblue
#0F3A6C
RGB: 15, 58, 108HSL: 212.26°, 75.61%, 24.12%
peachpuff
#EAC9B3
RGB: 234, 201, 179HSL: 24.00°, 56.70%, 80.98%

我们如何识别流行色

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

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

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

AI 的作用

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

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

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

为什么这些颜色正在流行

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

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

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

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

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

Color Picker: 流行色 2026