トレンドカラー 2026

私たちのカラーは、好みや予測に基づいて選ばれるものではありません。

デザイナーが実際にどのように作業しているか ― どの色合いを選び、どこで使用し、時間とともに使用がどのように変化するか ― に基づいて特定されます。

silver
#D1B8B8
RGB: 209, 184, 184HSL: 0.00°, 21.37%, 77.06%
plum
#BF98E1
RGB: 191, 152, 225HSL: 272.05°, 54.89%, 73.92%
darkslategray
#1E5239
RGB: 30, 82, 57HSL: 151.15°, 46.43%, 21.96%
darkolivegreen
#50651A
RGB: 80, 101, 26HSL: 76.80°, 59.06%, 24.90%
steelblue
#2587B1
RGB: 37, 135, 177HSL: 198.00°, 65.42%, 41.96%
mediumspringgreen
#39EA9D
RGB: 57, 234, 157HSL: 153.90°, 80.82%, 57.06%
midnightblue
#0D0D45
RGB: 13, 13, 69HSL: 240.00°, 68.29%, 16.08%
lightblue
#B8D8E5
RGB: 184, 216, 229HSL: 197.33°, 46.39%, 80.98%
mediumblue
#012DDA
RGB: 1, 45, 218HSL: 227.83°, 99.09%, 42.94%
green
#2E9B03
RGB: 46, 155, 3HSL: 103.03°, 96.20%, 30.98%
purple
#7B1962
RGB: 123, 25, 98HSL: 315.31°, 66.22%, 29.02%
yellowgreen
#CEFA70
RGB: 206, 250, 112HSL: 79.13°, 93.24%, 70.98%
aqua
#18ECFB
RGB: 24, 236, 251HSL: 183.96°, 96.60%, 53.92%
yellowgreen
#9DD219
RGB: 157, 210, 25HSL: 77.19°, 78.72%, 46.08%
midnightblue
#4B2380
RGB: 75, 35, 128HSL: 265.81°, 57.06%, 31.96%
goldenrod
#EFCA52
RGB: 239, 202, 82HSL: 45.86°, 83.07%, 62.94%
palegoldenrod
#D1D18F
RGB: 209, 209, 143HSL: 60.00°, 41.77%, 69.02%
black
#371D3A
RGB: 55, 29, 58HSL: 293.79°, 33.33%, 17.06%
royalblue
#2659E3
RGB: 38, 89, 227HSL: 223.81°, 77.14%, 51.96%
darkseagreen
#A4B082
RGB: 164, 176, 130HSL: 75.65°, 22.55%, 60.00%
mediumpurple
#9C82D3
RGB: 156, 130, 211HSL: 259.26°, 47.93%, 66.86%
rosybrown
#A57378
RGB: 165, 115, 120HSL: 354.00°, 21.74%, 54.90%
darkolivegreen
#68764C
RGB: 104, 118, 76HSL: 80.00°, 21.65%, 38.04%
lightsteelblue
#A5B6EE
RGB: 165, 182, 238HSL: 226.03°, 68.22%, 79.02%
darkslateblue
#7F4376
RGB: 127, 67, 118HSL: 309.00°, 30.93%, 38.04%
darkmagenta
#9215A2
RGB: 146, 21, 162HSL: 293.19°, 77.05%, 35.88%
royalblue
#0A65CD
RGB: 10, 101, 205HSL: 212.00°, 90.70%, 42.16%
steelblue
#5482A6
RGB: 84, 130, 166HSL: 206.34°, 32.80%, 49.02%
saddlebrown
#812F03
RGB: 129, 47, 3HSL: 20.95°, 95.45%, 25.88%
teal
#186860
RGB: 24, 104, 96HSL: 174.00°, 62.50%, 25.10%
sienna
#7C3D3C
RGB: 124, 61, 60HSL: 0.94°, 34.78%, 36.08%
forestgreen
#10B143
RGB: 16, 177, 67HSL: 139.01°, 83.42%, 37.84%
steelblue
#7E9CC8
RGB: 126, 156, 200HSL: 215.68°, 40.22%, 63.92%
wheat
#F0E3BC
RGB: 240, 227, 188HSL: 45.00°, 63.41%, 83.92%
lightgreen
#98DA72
RGB: 152, 218, 114HSL: 98.08°, 58.43%, 65.10%
sienna
#A76652
RGB: 167, 102, 82HSL: 14.12°, 34.14%, 48.82%
dimgray
#52332D
RGB: 82, 51, 45HSL: 9.73°, 29.13%, 24.90%
darkkhaki
#CCBE66
RGB: 204, 190, 102HSL: 51.76°, 50.00%, 60.00%
lightskyblue
#82B8DE
RGB: 130, 184, 222HSL: 204.78°, 58.23%, 69.02%
lightskyblue
#5EBEED
RGB: 94, 190, 237HSL: 199.72°, 79.89%, 64.90%
darkgoldenrod
#D1A54D
RGB: 209, 165, 77HSL: 40.00°, 58.93%, 56.08%
saddlebrown
#8C6026
RGB: 140, 96, 38HSL: 34.12°, 57.30%, 34.90%
lightgreen
#9EFAA3
RGB: 158, 250, 163HSL: 123.26°, 90.20%, 80.00%
dodgerblue
#5187FB
RGB: 81, 135, 251HSL: 220.94°, 95.51%, 65.10%
darkorchid
#AF1DB4
RGB: 175, 29, 180HSL: 298.01°, 72.25%, 40.98%
darkblue
#28119C
RGB: 40, 17, 156HSL: 249.93°, 80.35%, 33.92%
seagreen
#09864E
RGB: 9, 134, 78HSL: 153.12°, 87.41%, 28.04%
thistle
#E7C5DE
RGB: 231, 197, 222HSL: 315.88°, 41.46%, 83.92%
forestgreen
#37952D
RGB: 55, 149, 45HSL: 114.23°, 53.61%, 38.04%
darkorchid
#8C2BC5
RGB: 140, 43, 197HSL: 277.79°, 64.17%, 47.06%

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

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

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

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

AIの役割

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

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

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

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

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

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

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

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

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

Color Picker: トレンドカラー 2026