Color Picker

流行色 2026

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

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

goldenrod
#DEC53B
RGB: 222, 197, 59HSL: 50.80°, 71.18%, 55.10%
rosybrown
#E5A79A
RGB: 229, 167, 154HSL: 10.40°, 59.06%, 75.10%
plum
#D68AC7
RGB: 214, 138, 199HSL: 311.84°, 48.10%, 69.02%
midnightblue
#050666
RGB: 5, 6, 102HSL: 239.38°, 90.65%, 20.98%
dimgray
#5E2240
RGB: 94, 34, 64HSL: 330.00°, 46.88%, 25.10%
cadetblue
#82B5BF
RGB: 130, 181, 191HSL: 189.84°, 32.28%, 62.94%
darkslategray
#203730
RGB: 32, 55, 48HSL: 161.74°, 26.44%, 17.06%
darkgreen
#156619
RGB: 21, 102, 25HSL: 122.96°, 65.85%, 24.12%
cornflowerblue
#416DB9
RGB: 65, 109, 185HSL: 218.00°, 48.00%, 49.02%
darkseagreen
#62A782
RGB: 98, 167, 130HSL: 147.83°, 28.16%, 51.96%
lawngreen
#49F024
RGB: 73, 240, 36HSL: 109.12°, 87.18%, 54.12%
lightgreen
#6FE282
RGB: 111, 226, 130HSL: 129.91°, 66.47%, 66.08%
paleturquoise
#ABEBF2
RGB: 171, 235, 242HSL: 185.92°, 73.20%, 80.98%
lightskyblue
#7EC5FB
RGB: 126, 197, 251HSL: 205.92°, 93.98%, 73.92%
purple
#500233
RGB: 80, 2, 51HSL: 322.31°, 95.12%, 16.08%
darkolivegreen
#666944
RGB: 102, 105, 68HSL: 64.86°, 21.39%, 33.92%
silver
#D5BEC3
RGB: 213, 190, 195HSL: 346.96°, 21.50%, 79.02%
mediumaquamarine
#8AE0C5
RGB: 138, 224, 197HSL: 161.16°, 58.11%, 70.98%
lightgreen
#AAEC93
RGB: 170, 236, 147HSL: 104.49°, 70.08%, 75.10%
limegreen
#25B215
RGB: 37, 178, 21HSL: 113.89°, 78.89%, 39.02%
steelblue
#58A4DA
RGB: 88, 164, 218HSL: 204.92°, 63.73%, 60.00%
palevioletred
#884470
RGB: 136, 68, 112HSL: 321.18°, 33.33%, 40.00%
palegoldenrod
#CCEBAD
RGB: 204, 235, 173HSL: 90.00°, 60.78%, 80.00%
cornflowerblue
#A39EF0
RGB: 163, 158, 240HSL: 243.66°, 73.21%, 78.04%
mediumaquamarine
#35C099
RGB: 53, 192, 153HSL: 163.17°, 56.73%, 48.04%
plum
#DBBAEE
RGB: 219, 186, 238HSL: 278.08°, 60.47%, 83.14%
teal
#3A786D
RGB: 58, 120, 109HSL: 169.35°, 34.83%, 34.90%
darkviolet
#C626ED
RGB: 198, 38, 237HSL: 288.24°, 84.68%, 53.92%
slateblue
#7148A8
RGB: 113, 72, 168HSL: 265.63°, 40.00%, 47.06%
darkslateblue
#173792
RGB: 23, 55, 146HSL: 224.39°, 72.78%, 33.14%
maroon
#64150C
RGB: 100, 21, 12HSL: 6.14°, 78.57%, 21.96%
lightsalmon
#E29565
RGB: 226, 149, 101HSL: 23.04°, 68.31%, 64.12%
royalblue
#095BCE
RGB: 9, 91, 206HSL: 215.03°, 91.63%, 42.16%
purple
#8B1870
RGB: 139, 24, 112HSL: 314.09°, 70.55%, 31.96%
lightslategray
#8A77A6
RGB: 138, 119, 166HSL: 264.26°, 20.89%, 55.88%
darkolivegreen
#564B00
RGB: 86, 75, 0HSL: 52.33°, 100.00%, 16.86%
orchid
#BC6FCE
RGB: 188, 111, 206HSL: 288.63°, 49.22%, 62.16%
lightsteelblue
#AFBFDA
RGB: 175, 191, 218HSL: 217.67°, 36.75%, 77.06%
midnightblue
#30124A
RGB: 48, 18, 74HSL: 272.14°, 60.87%, 18.04%
royalblue
#2B53DA
RGB: 43, 83, 218HSL: 226.29°, 70.28%, 51.18%
darkcyan
#258C98
RGB: 37, 140, 152HSL: 186.26°, 60.85%, 37.06%
indianred
#BB6958
RGB: 187, 105, 88HSL: 10.30°, 42.13%, 53.92%
limegreen
#44D546
RGB: 68, 213, 70HSL: 120.83°, 63.32%, 55.10%
teal
#047C81
RGB: 4, 124, 129HSL: 182.40°, 93.98%, 26.08%
tan
#B38C6B
RGB: 179, 140, 107HSL: 27.50°, 32.14%, 56.08%
darkturquoise
#10E1E5
RGB: 16, 225, 229HSL: 181.13°, 86.94%, 48.04%
greenyellow
#A3FD5E
RGB: 163, 253, 94HSL: 93.96°, 97.55%, 68.04%
blueviolet
#6330D9
RGB: 99, 48, 217HSL: 258.11°, 68.98%, 51.96%
khaki
#F0DD75
RGB: 240, 221, 117HSL: 50.73°, 80.39%, 70.00%
palevioletred
#DD7E9A
RGB: 221, 126, 154HSL: 342.32°, 58.28%, 68.04%

我们如何识别流行色

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

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

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

AI 的作用

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

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

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

为什么这些颜色正在流行

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

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

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

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

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

Color Picker: 流行色 2026