Logo

Color Picker

流行色彩 2026

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

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

blueviolet
#5549FD
RGB: 85, 73, 253HSL: 244.00°, 97.83%, 63.92%
limegreen
#5CE667
RGB: 92, 230, 103HSL: 124.78°, 73.40%, 63.14%
indianred
#C93656
RGB: 201, 54, 86HSL: 346.94°, 57.65%, 50.00%
firebrick
#B61132
RGB: 182, 17, 50HSL: 348.00°, 82.91%, 39.02%
mediumvioletred
#D70F8A
RGB: 215, 15, 138HSL: 323.10°, 86.96%, 45.10%
darkgreen
#2A6605
RGB: 42, 102, 5HSL: 97.11°, 90.65%, 20.98%
lightpink
#F2A1B9
RGB: 242, 161, 185HSL: 342.22°, 75.70%, 79.02%
orchid
#EA80D0
RGB: 234, 128, 208HSL: 314.72°, 71.62%, 70.98%
plum
#FDA5F1
RGB: 253, 165, 241HSL: 308.18°, 95.65%, 81.96%
royalblue
#7175EA
RGB: 113, 117, 234HSL: 238.02°, 74.23%, 68.04%
beige
#BFDEC5
RGB: 191, 222, 197HSL: 131.61°, 31.96%, 80.98%
palevioletred
#C8749A
RGB: 200, 116, 154HSL: 332.86°, 43.30%, 61.96%
darkcyan
#29A5AE
RGB: 41, 165, 174HSL: 184.06°, 61.86%, 42.16%
black
#43283C
RGB: 67, 40, 60HSL: 315.56°, 25.23%, 20.98%
khaki
#D8DE5E
RGB: 216, 222, 94HSL: 62.81°, 65.98%, 61.96%
palevioletred
#A2538F
RGB: 162, 83, 143HSL: 314.43°, 32.24%, 48.04%
silver
#D2BEBC
RGB: 210, 190, 188HSL: 5.45°, 19.64%, 78.04%
blueviolet
#6005C2
RGB: 96, 5, 194HSL: 268.89°, 94.97%, 39.02%
darkolivegreen
#184E26
RGB: 24, 78, 38HSL: 135.56°, 52.94%, 20.00%
mediumblue
#200EBE
RGB: 32, 14, 190HSL: 246.14°, 86.27%, 40.00%
darkolivegreen
#575A1B
RGB: 87, 90, 27HSL: 62.86°, 53.85%, 22.94%
thistle
#B99ABC
RGB: 185, 154, 188HSL: 294.71°, 20.24%, 67.06%
sienna
#AA714B
RGB: 170, 113, 75HSL: 24.00°, 38.78%, 48.04%
darkslateblue
#5A3A64
RGB: 90, 58, 100HSL: 285.71°, 26.58%, 30.98%
mediumvioletred
#C1065A
RGB: 193, 6, 90HSL: 333.05°, 93.97%, 39.02%
darkkhaki
#C7BD52
RGB: 199, 189, 82HSL: 54.87°, 51.09%, 55.10%
springgreen
#2AFE78
RGB: 42, 254, 120HSL: 142.08°, 99.07%, 58.04%
limegreen
#63D214
RGB: 99, 210, 20HSL: 95.05°, 82.61%, 45.10%
midnightblue
#1A1042
RGB: 26, 16, 66HSL: 252.00°, 60.98%, 16.08%
darkmagenta
#BE13A5
RGB: 190, 19, 165HSL: 308.77°, 81.82%, 40.98%
saddlebrown
#763804
RGB: 118, 56, 4HSL: 27.37°, 93.44%, 23.92%
cadetblue
#5096AF
RGB: 80, 150, 175HSL: 195.79°, 37.25%, 50.00%
seagreen
#5B8B5D
RGB: 91, 139, 93HSL: 122.50°, 20.87%, 45.10%
darkgreen
#32782B
RGB: 50, 120, 43HSL: 114.55°, 47.24%, 31.96%
lightgreen
#A7E175
RGB: 167, 225, 117HSL: 92.22°, 64.29%, 67.06%
olivedrab
#67790B
RGB: 103, 121, 11HSL: 69.82°, 83.33%, 25.88%
indianred
#823542
RGB: 130, 53, 66HSL: 349.87°, 42.08%, 35.88%
darksalmon
#E2846E
RGB: 226, 132, 110HSL: 11.38°, 66.67%, 65.88%
thistle
#C2B9DF
RGB: 194, 185, 223HSL: 254.21°, 37.25%, 80.00%
darkolivegreen
#788646
RGB: 120, 134, 70HSL: 73.13°, 31.37%, 40.00%
purple
#5D0D63
RGB: 93, 13, 99HSL: 295.81°, 76.79%, 21.96%
aquamarine
#7CE4A4
RGB: 124, 228, 164HSL: 143.08°, 65.82%, 69.02%
brown
#700133
RGB: 112, 1, 51HSL: 332.97°, 98.23%, 22.16%
cornflowerblue
#9596D0
RGB: 149, 150, 208HSL: 238.98°, 38.56%, 70.00%
palevioletred
#F85D84
RGB: 248, 93, 132HSL: 344.90°, 91.72%, 66.86%
orangered
#F52F19
RGB: 245, 47, 25HSL: 6.00°, 91.67%, 52.94%
darkgray
#B6A691
RGB: 182, 166, 145HSL: 34.05°, 20.22%, 64.12%
blueviolet
#871AD5
RGB: 135, 26, 213HSL: 274.97°, 78.24%, 46.86%
rosybrown
#8B505D
RGB: 139, 80, 93HSL: 346.78°, 26.94%, 42.94%
black
#3B2212
RGB: 59, 34, 18HSL: 23.41°, 53.25%, 15.10%

我們如何識別流行色彩

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

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

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

AI 的角色

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

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

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

為什麼這些顏色正在流行

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

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

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

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

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

Color Picker: 流行色彩 2026