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