Color Picker

流行色彩 2026

我們的顏色並非根據品味或預測來選擇。

而是根據設計師實際的工作方式來識別——他們選擇哪些色調、將其應用於何處,以及使用情況如何隨時間變化。

mediumturquoise
#78EEF2
RGB: 120, 238, 242HSL: 181.97°, 82.43%, 70.98%
slategray
#43677F
RGB: 67, 103, 127HSL: 204.00°, 30.93%, 38.04%
darkolivegreen
#3B4F17
RGB: 59, 79, 23HSL: 81.43°, 54.90%, 20.00%
peru
#A67936
RGB: 166, 121, 54HSL: 35.89°, 50.91%, 43.14%
darkorchid
#702CC3
RGB: 112, 44, 195HSL: 267.02°, 63.18%, 46.86%
plum
#D77EB8
RGB: 215, 126, 184HSL: 320.90°, 52.66%, 66.86%
mediumorchid
#A54EB7
RGB: 165, 78, 183HSL: 289.71°, 42.17%, 51.18%
slateblue
#4E41C3
RGB: 78, 65, 195HSL: 246.00°, 52.00%, 50.98%
tan
#E3C1A0
RGB: 227, 193, 160HSL: 29.55°, 54.47%, 75.88%
darkolivegreen
#778754
RGB: 119, 135, 84HSL: 78.82°, 23.29%, 42.94%
lightgreen
#AFDB80
RGB: 175, 219, 128HSL: 89.01°, 55.83%, 68.04%
darkslateblue
#0F225C
RGB: 15, 34, 92HSL: 225.19°, 71.96%, 20.98%
aquamarine
#15F9D7
RGB: 21, 249, 215HSL: 171.05°, 95.00%, 52.94%
lawngreen
#87FE20
RGB: 135, 254, 32HSL: 92.16°, 99.11%, 56.08%
steelblue
#0A81B8
RGB: 10, 129, 184HSL: 198.97°, 89.69%, 38.04%
mediumorchid
#C95DD5
RGB: 201, 93, 213HSL: 294.00°, 58.82%, 60.00%
midnightblue
#3B1561
RGB: 59, 21, 97HSL: 270.00°, 64.41%, 23.14%
darkslategray
#12323A
RGB: 18, 50, 58HSL: 192.00°, 52.63%, 14.90%
palevioletred
#AB4976
RGB: 171, 73, 118HSL: 332.45°, 40.16%, 47.84%
powderblue
#99D5DB
RGB: 153, 213, 219HSL: 185.45°, 47.83%, 72.94%
darkorange
#ED7512
RGB: 237, 117, 18HSL: 27.12°, 85.88%, 50.00%
thistle
#CAA0C6
RGB: 202, 160, 198HSL: 305.71°, 28.38%, 70.98%
cornflowerblue
#979CF2
RGB: 151, 156, 242HSL: 236.70°, 77.78%, 77.06%
indigo
#5B2A98
RGB: 91, 42, 152HSL: 266.73°, 56.70%, 38.04%
rosybrown
#D98C8E
RGB: 217, 140, 142HSL: 358.44°, 50.33%, 70.00%
plum
#FBA2F2
RGB: 251, 162, 242HSL: 306.07°, 91.75%, 80.98%
seagreen
#077E44
RGB: 7, 126, 68HSL: 150.76°, 89.47%, 26.08%
mediumblue
#4415BC
RGB: 68, 21, 188HSL: 256.89°, 79.90%, 40.98%
limegreen
#06B72C
RGB: 6, 183, 44HSL: 132.88°, 93.65%, 37.06%
olivedrab
#487605
RGB: 72, 118, 5HSL: 84.42°, 91.87%, 24.12%
brown
#76241E
RGB: 118, 36, 30HSL: 4.09°, 59.46%, 29.02%
greenyellow
#A3FD08
RGB: 163, 253, 8HSL: 82.04°, 98.39%, 51.18%
mediumvioletred
#D33C8C
RGB: 211, 60, 140HSL: 328.21°, 63.18%, 53.14%
lightseagreen
#45B0A2
RGB: 69, 176, 162HSL: 172.15°, 43.67%, 48.04%
forestgreen
#43B653
RGB: 67, 182, 83HSL: 128.35°, 46.18%, 48.82%
darkorchid
#C22BDA
RGB: 194, 43, 218HSL: 291.77°, 70.28%, 51.18%
forestgreen
#519B27
RGB: 81, 155, 39HSL: 98.28°, 59.79%, 38.04%
green
#288A05
RGB: 40, 138, 5HSL: 104.21°, 93.01%, 28.04%
cadetblue
#7CA7B1
RGB: 124, 167, 177HSL: 191.32°, 25.36%, 59.02%
lime
#31F014
RGB: 49, 240, 20HSL: 112.09°, 88.00%, 50.98%
lightgreen
#90F395
RGB: 144, 243, 149HSL: 123.03°, 80.49%, 75.88%
teal
#09776C
RGB: 9, 119, 108HSL: 174.00°, 85.94%, 25.10%
maroon
#5A011F
RGB: 90, 1, 31HSL: 339.78°, 97.80%, 17.84%
dimgray
#573348
RGB: 87, 51, 72HSL: 325.00°, 26.09%, 27.06%
indianred
#F86274
RGB: 248, 98, 116HSL: 352.80°, 91.46%, 67.84%
mediumturquoise
#60C7C4
RGB: 96, 199, 196HSL: 178.25°, 47.91%, 57.84%
lightblue
#C2D6E0
RGB: 194, 214, 224HSL: 200.00°, 32.61%, 81.96%
darkolivegreen
#466D4F
RGB: 70, 109, 79HSL: 133.85°, 21.79%, 35.10%
darkkhaki
#B39D47
RGB: 179, 157, 71HSL: 47.78°, 43.20%, 49.02%
limegreen
#1FEF50
RGB: 31, 239, 80HSL: 134.13°, 86.67%, 52.94%

我們如何識別流行色彩

每天我們都分析數百萬個真實的設計選擇,並整合三個數據來源來找出正在增長的趨勢::

  • 使用者行為: 我們追蹤設計師透過我們的取色工具所選擇的顏色。我們不會監控這些色碼之後被用於何處;我們的重點僅在於他們選擇的色調。
  • 真實網站與調色板: 我們的擴充功能會自動擷取使用者造訪網站中的 CSS 顏色並進行分析,同時也會從設計師參考的調色板圖片中抓取顏色,以了解實際被使用的色彩。
  • 時間動態: 我們會追蹤每種色調的使用情況如何逐週變化——是正在上升、保持穩定,還是逐漸減少。

單純的使用頻率並不足夠。我們使用 GPT 模型來解讀情境與意圖,過濾掉一次性的實驗以及品牌特定的異常值。這樣一來,我們所呈現的顏色能真正反映跨專案的趨勢,而非雜訊。:

AI 的角色

原始數據並不能說明一切。我們的語言模型會分析每種顏色的使用方式與原因——是作為背景、按鈕、正文還是強調色。這幫助我們發現模式:

  • 將相似色調歸類到同一趨勢下,
  • 理解顏色在介面中的功能,
  • 區分真正新興的主題與經典中性色或舊有調色板。

簡而言之,模型幫助我們解讀數據,但並不自行做出趨勢判斷。

為什麼這些顏色正在流行

一種色調能進入流行列表的條件包括:

  • 在不同且不相關的專案與團隊中出現得更頻繁,
  • 設計師將其用於重要用途,例如行動呼籲按鈕或重點元素,
  • 被應用於不同類型的產品與產業中。

由於我們會隨時間追蹤使用情況,趨勢會自然演變,真實反映當前設計世界的變化。

你們多久更新一次流行色彩?

我們的流行色列表每週更新一次。我們持續從取色紀錄、網站掃描和調色板圖片中收集新數據,並定期重新計算趨勢。這樣能確保你看到的顏色反映設計師當前的真實使用情況,而不會對短期波動過度反應。

Color Picker: 流行色彩 2026