Color Picker

流行色 2026

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

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

palegoldenrod
#F0DA98
RGB: 240, 218, 152HSL: 45.00°, 74.58%, 76.86%
teal
#01676A
RGB: 1, 103, 106HSL: 181.71°, 98.13%, 20.98%
palevioletred
#C7709A
RGB: 199, 112, 154HSL: 331.03°, 43.72%, 60.98%
limegreen
#17EE3E
RGB: 23, 238, 62HSL: 130.88°, 86.35%, 51.18%
olivedrab
#657C18
RGB: 101, 124, 24HSL: 73.80°, 67.57%, 29.02%
darkseagreen
#9ECCB6
RGB: 158, 204, 182HSL: 151.30°, 31.08%, 70.98%
darkslateblue
#253374
RGB: 37, 51, 116HSL: 229.37°, 51.63%, 30.00%
yellowgreen
#7CC64E
RGB: 124, 198, 78HSL: 97.00°, 51.28%, 54.12%
crimson
#F1465A
RGB: 241, 70, 90HSL: 352.98°, 85.93%, 60.98%
dimgray
#6B333C
RGB: 107, 51, 60HSL: 350.36°, 35.44%, 30.98%
hotpink
#F264B2
RGB: 242, 100, 178HSL: 327.04°, 84.52%, 67.06%
purple
#691163
RGB: 105, 17, 99HSL: 304.09°, 72.13%, 23.92%
darkolivegreen
#514B1F
RGB: 81, 75, 31HSL: 52.80°, 44.64%, 21.96%
plum
#A996CF
RGB: 169, 150, 207HSL: 260.00°, 37.25%, 70.00%
midnightblue
#340452
RGB: 52, 4, 82HSL: 276.92°, 90.70%, 16.86%
forestgreen
#147B19
RGB: 20, 123, 25HSL: 122.91°, 72.03%, 28.04%
plum
#C1B1ED
RGB: 193, 177, 237HSL: 256.00°, 62.50%, 81.18%
darkviolet
#AC36E7
RGB: 172, 54, 231HSL: 280.00°, 78.67%, 55.88%
skyblue
#15D3F4
RGB: 21, 211, 244HSL: 188.88°, 91.02%, 51.96%
darkred
#972612
RGB: 151, 38, 18HSL: 9.02°, 78.70%, 33.14%
lightgreen
#ADE59E
RGB: 173, 229, 158HSL: 107.32°, 57.72%, 75.88%
limegreen
#0CC054
RGB: 12, 192, 84HSL: 144.00°, 88.24%, 40.00%
turquoise
#76E5D4
RGB: 118, 229, 212HSL: 170.81°, 68.10%, 68.04%
steelblue
#719ACC
RGB: 113, 154, 204HSL: 212.97°, 47.15%, 62.16%
darkmagenta
#8E17A1
RGB: 142, 23, 161HSL: 291.74°, 75.00%, 36.08%
thistle
#DCC1D6
RGB: 220, 193, 214HSL: 313.33°, 27.84%, 80.98%
violet
#D67AF5
RGB: 214, 122, 245HSL: 284.88°, 86.01%, 71.96%
darkslategray
#3C455D
RGB: 60, 69, 93HSL: 223.64°, 21.57%, 30.00%
darkslategray
#1F3332
RGB: 31, 51, 50HSL: 177.00°, 24.39%, 16.08%
darkgreen
#105F02
RGB: 16, 95, 2HSL: 110.97°, 95.88%, 19.02%
brown
#750A2C
RGB: 117, 10, 44HSL: 340.93°, 84.25%, 24.90%
slateblue
#4648AF
RGB: 70, 72, 175HSL: 238.86°, 42.86%, 48.04%
turquoise
#4CE1C8
RGB: 76, 225, 200HSL: 169.93°, 71.29%, 59.02%
darkgreen
#397E26
RGB: 57, 126, 38HSL: 107.05°, 53.66%, 32.16%
goldenrod
#DFB753
RGB: 223, 183, 83HSL: 42.86°, 68.63%, 60.00%
steelblue
#1D5C9F
RGB: 29, 92, 159HSL: 210.92°, 69.15%, 36.86%
mediumseagreen
#3EA364
RGB: 62, 163, 100HSL: 142.57°, 44.89%, 44.12%
steelblue
#6283AC
RGB: 98, 131, 172HSL: 213.24°, 30.83%, 52.94%
tan
#CCC899
RGB: 204, 200, 153HSL: 55.29°, 33.33%, 70.00%
khaki
#ECFFA9
RGB: 236, 255, 169HSL: 73.26°, 100.00%, 83.14%
brown
#A52C3C
RGB: 165, 44, 60HSL: 352.07°, 57.89%, 40.98%
darkcyan
#499285
RGB: 73, 146, 133HSL: 169.32°, 33.33%, 42.94%
palevioletred
#B6436C
RGB: 182, 67, 108HSL: 338.61°, 46.18%, 48.82%
mediumblue
#3D07CF
RGB: 61, 7, 207HSL: 256.20°, 93.46%, 41.96%
darkslateblue
#59247F
RGB: 89, 36, 127HSL: 274.95°, 55.83%, 31.96%
plum
#D991D1
RGB: 217, 145, 209HSL: 306.67°, 48.65%, 70.98%
midnightblue
#0A1171
RGB: 10, 17, 113HSL: 235.92°, 83.74%, 24.12%
darkolivegreen
#827F35
RGB: 130, 127, 53HSL: 57.66°, 42.08%, 35.88%
mediumvioletred
#DE3FA1
RGB: 222, 63, 161HSL: 323.02°, 70.67%, 55.88%
lightseagreen
#3CBEAD
RGB: 60, 190, 173HSL: 172.15°, 52.00%, 49.02%

我们如何识别流行色

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

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

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

AI 的作用

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

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

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

为什么这些颜色正在流行

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

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

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

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

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

Color Picker: 流行色 2026