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