Color Picker

トレンドカラー 2026

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

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

mediumturquoise
#78EEF2
RGB: 120, 238, 242HSL: 181.97°, 82.43%, 70.98%
slategray
#43677F
RGB: 67, 103, 127HSL: 204.00°, 30.93%, 38.04%
darkolivegreen
#3B4F17
RGB: 59, 79, 23HSL: 81.43°, 54.90%, 20.00%
peru
#A67936
RGB: 166, 121, 54HSL: 35.89°, 50.91%, 43.14%
darkorchid
#702CC3
RGB: 112, 44, 195HSL: 267.02°, 63.18%, 46.86%
plum
#D77EB8
RGB: 215, 126, 184HSL: 320.90°, 52.66%, 66.86%
mediumorchid
#A54EB7
RGB: 165, 78, 183HSL: 289.71°, 42.17%, 51.18%
slateblue
#4E41C3
RGB: 78, 65, 195HSL: 246.00°, 52.00%, 50.98%
tan
#E3C1A0
RGB: 227, 193, 160HSL: 29.55°, 54.47%, 75.88%
darkolivegreen
#778754
RGB: 119, 135, 84HSL: 78.82°, 23.29%, 42.94%
lightgreen
#AFDB80
RGB: 175, 219, 128HSL: 89.01°, 55.83%, 68.04%
darkslateblue
#0F225C
RGB: 15, 34, 92HSL: 225.19°, 71.96%, 20.98%
aquamarine
#15F9D7
RGB: 21, 249, 215HSL: 171.05°, 95.00%, 52.94%
lawngreen
#87FE20
RGB: 135, 254, 32HSL: 92.16°, 99.11%, 56.08%
steelblue
#0A81B8
RGB: 10, 129, 184HSL: 198.97°, 89.69%, 38.04%
mediumorchid
#C95DD5
RGB: 201, 93, 213HSL: 294.00°, 58.82%, 60.00%
midnightblue
#3B1561
RGB: 59, 21, 97HSL: 270.00°, 64.41%, 23.14%
darkslategray
#12323A
RGB: 18, 50, 58HSL: 192.00°, 52.63%, 14.90%
palevioletred
#AB4976
RGB: 171, 73, 118HSL: 332.45°, 40.16%, 47.84%
powderblue
#99D5DB
RGB: 153, 213, 219HSL: 185.45°, 47.83%, 72.94%
darkorange
#ED7512
RGB: 237, 117, 18HSL: 27.12°, 85.88%, 50.00%
thistle
#CAA0C6
RGB: 202, 160, 198HSL: 305.71°, 28.38%, 70.98%
cornflowerblue
#979CF2
RGB: 151, 156, 242HSL: 236.70°, 77.78%, 77.06%
indigo
#5B2A98
RGB: 91, 42, 152HSL: 266.73°, 56.70%, 38.04%
rosybrown
#D98C8E
RGB: 217, 140, 142HSL: 358.44°, 50.33%, 70.00%
plum
#FBA2F2
RGB: 251, 162, 242HSL: 306.07°, 91.75%, 80.98%
seagreen
#077E44
RGB: 7, 126, 68HSL: 150.76°, 89.47%, 26.08%
mediumblue
#4415BC
RGB: 68, 21, 188HSL: 256.89°, 79.90%, 40.98%
limegreen
#06B72C
RGB: 6, 183, 44HSL: 132.88°, 93.65%, 37.06%
olivedrab
#487605
RGB: 72, 118, 5HSL: 84.42°, 91.87%, 24.12%
brown
#76241E
RGB: 118, 36, 30HSL: 4.09°, 59.46%, 29.02%
greenyellow
#A3FD08
RGB: 163, 253, 8HSL: 82.04°, 98.39%, 51.18%
mediumvioletred
#D33C8C
RGB: 211, 60, 140HSL: 328.21°, 63.18%, 53.14%
lightseagreen
#45B0A2
RGB: 69, 176, 162HSL: 172.15°, 43.67%, 48.04%
forestgreen
#43B653
RGB: 67, 182, 83HSL: 128.35°, 46.18%, 48.82%
darkorchid
#C22BDA
RGB: 194, 43, 218HSL: 291.77°, 70.28%, 51.18%
forestgreen
#519B27
RGB: 81, 155, 39HSL: 98.28°, 59.79%, 38.04%
green
#288A05
RGB: 40, 138, 5HSL: 104.21°, 93.01%, 28.04%
cadetblue
#7CA7B1
RGB: 124, 167, 177HSL: 191.32°, 25.36%, 59.02%
lime
#31F014
RGB: 49, 240, 20HSL: 112.09°, 88.00%, 50.98%
lightgreen
#90F395
RGB: 144, 243, 149HSL: 123.03°, 80.49%, 75.88%
teal
#09776C
RGB: 9, 119, 108HSL: 174.00°, 85.94%, 25.10%
maroon
#5A011F
RGB: 90, 1, 31HSL: 339.78°, 97.80%, 17.84%
dimgray
#573348
RGB: 87, 51, 72HSL: 325.00°, 26.09%, 27.06%
indianred
#F86274
RGB: 248, 98, 116HSL: 352.80°, 91.46%, 67.84%
mediumturquoise
#60C7C4
RGB: 96, 199, 196HSL: 178.25°, 47.91%, 57.84%
lightblue
#C2D6E0
RGB: 194, 214, 224HSL: 200.00°, 32.61%, 81.96%
darkolivegreen
#466D4F
RGB: 70, 109, 79HSL: 133.85°, 21.79%, 35.10%
darkkhaki
#B39D47
RGB: 179, 157, 71HSL: 47.78°, 43.20%, 49.02%
limegreen
#1FEF50
RGB: 31, 239, 80HSL: 134.13°, 86.67%, 52.94%

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

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

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

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

AIの役割

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

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

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

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

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

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

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

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

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

Color Picker: トレンドカラー 2026