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%

トレンドカラーの特定方法

毎日、数百万件におよぶ実際のデザイン選択を分析し、3つのデータストリームを組み合わせて勢いを増しているものを見つけ出します::

  • ユーザー行動: 私たちは、デザイナーがカラーピッカーを使って選択する色を追跡しています。これらのコードがその後どこで使われるかは監視していません。私たちの関心は、選ばれる色合いそのものにあります。
  • 実際のウェブサイトとパレット: 当社の拡張機能は、ユーザーが訪問するサイトからCSSカラーを自動的に収集し分析します。また、デザイナーが参照として使用するパレット画像からも色を取得し、実際に何が使用されているかを把握します。
  • 時間的ダイナミクス: 各色合いの使用状況が週ごとにどのように変化しているかを監視します ― 人気が高まっているのか、安定しているのか、あるいは減少しているのかを分析します。

単なる使用頻度だけでは十分ではありません。私たちはGPTモデルを用いて文脈と意図を解釈し、一時的な実験やブランド固有の例外を除外します。これにより、私たちが紹介するカラーはノイズではなく、真のプロジェクト横断的なトレンドを反映したものになります。:

AIの役割

生の数値だけでは全体像は分かりません。言語モデルは、各カラーがどのように、なぜ使われているのか ― 背景、ボタン、本文、アクセントなど ― を分析します。これにより次のことが可能になります:

  • 似た色合いを同じトレンドとしてグループ化すること、
  • カラーがUI内でどのように機能しているかを理解すること、
  • 本当に新しいトレンドと、時代を超えたニュートラルカラーや従来のパレットを区別すること。

要するに、モデルはデータ解釈を助けるものであり、トレンドを自ら決定するわけではありません。

これらのカラーがトレンドである理由

ある色合いがトレンドリストに入るのは次のような場合です:

  • 無関係なプロジェクトやチームでより頻繁に使用されている場合、
  • デザイナーがCTAや重要要素などの重要な役割で使用している場合、
  • さまざまな種類の製品や業界で採用されているのを確認できる場合。

私たちは時間の経過とともに使用状況を追跡しているため、トレンドは自然に進化し、今まさにデザインの世界で起きていることを反映します。

トレンドカラーはどのくらいの頻度で更新されますか?

トレンドカラーのリストは毎週更新されます。カラー選択、ウェブサイトのスキャン、パレット画像から継続的に新しいデータを収集し、定期的にトレンドを再計算しています。これにより、表示されるカラーは短期的な変動に過剰反応することなく、デザイナーが現在実際に使用しているものを反映します。

Color Picker: トレンドカラー 2026