Color Picker

トレンドカラー 2026

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

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

lightsteelblue
#B2C6DC
RGB: 178, 198, 220HSL: 211.43°, 37.50%, 78.04%
mediumseagreen
#53C66E
RGB: 83, 198, 110HSL: 134.09°, 50.22%, 55.10%
lightskyblue
#61BAEA
RGB: 97, 186, 234HSL: 201.02°, 76.54%, 64.90%
saddlebrown
#8B3713
RGB: 139, 55, 19HSL: 18.00°, 75.95%, 30.98%
olivedrab
#6D9D2A
RGB: 109, 157, 42HSL: 85.04°, 57.79%, 39.02%
darkolivegreen
#445A11
RGB: 68, 90, 17HSL: 78.08°, 68.22%, 20.98%
plum
#C8AEEF
RGB: 200, 174, 239HSL: 264.00°, 67.01%, 80.98%
burlywood
#E5C88B
RGB: 229, 200, 139HSL: 40.67°, 63.38%, 72.16%
mediumseagreen
#1C974F
RGB: 28, 151, 79HSL: 144.88°, 68.72%, 35.10%
black
#442322
RGB: 68, 35, 34HSL: 1.76°, 33.33%, 20.00%
plum
#AD97D3
RGB: 173, 151, 211HSL: 262.00°, 40.54%, 70.98%
turquoise
#50DCCE
RGB: 80, 220, 206HSL: 174.00°, 66.67%, 58.82%
darkslategray
#1F2E4D
RGB: 31, 46, 77HSL: 220.43°, 42.59%, 21.18%
cornflowerblue
#35A1ED
RGB: 53, 161, 237HSL: 204.78°, 83.64%, 56.86%
yellowgreen
#92C81E
RGB: 146, 200, 30HSL: 79.06°, 73.91%, 45.10%
cornflowerblue
#6B77BD
RGB: 107, 119, 189HSL: 231.22°, 38.32%, 58.04%
mediumorchid
#8F3DB3
RGB: 143, 61, 179HSL: 281.69°, 49.17%, 47.06%
palegreen
#8FFA8F
RGB: 143, 250, 143HSL: 120.00°, 91.45%, 77.06%
palegoldenrod
#C5DF9F
RGB: 197, 223, 159HSL: 84.38°, 50.00%, 74.90%
maroon
#790A02
RGB: 121, 10, 2HSL: 4.03°, 96.75%, 24.12%
palevioletred
#CB578C
RGB: 203, 87, 140HSL: 332.59°, 52.73%, 56.86%
salmon
#FE626C
RGB: 254, 98, 108HSL: 356.15°, 98.73%, 69.02%
dimgray
#6D4653
RGB: 109, 70, 83HSL: 340.00°, 21.79%, 35.10%
teal
#1D7886
RGB: 29, 120, 134HSL: 188.00°, 64.42%, 31.96%
darkseagreen
#84BB81
RGB: 132, 187, 129HSL: 116.90°, 29.90%, 61.96%
limegreen
#08C952
RGB: 8, 201, 82HSL: 143.01°, 92.34%, 40.98%
plum
#ECACDA
RGB: 236, 172, 218HSL: 316.88°, 62.75%, 80.00%
forestgreen
#3E8104
RGB: 62, 129, 4HSL: 92.16°, 93.98%, 26.08%
crimson
#E21D65
RGB: 226, 29, 101HSL: 338.07°, 77.25%, 50.00%
darkolivegreen
#556E3A
RGB: 85, 110, 58HSL: 88.85°, 30.95%, 32.94%
tan
#CEB5A1
RGB: 206, 181, 161HSL: 26.67°, 31.47%, 71.96%
limegreen
#57BB25
RGB: 87, 187, 37HSL: 100.00°, 66.96%, 43.92%
slateblue
#8067DA
RGB: 128, 103, 218HSL: 253.04°, 60.85%, 62.94%
palegreen
#D0FD90
RGB: 208, 253, 144HSL: 84.77°, 96.46%, 77.84%
mediumslateblue
#1458F5
RGB: 20, 88, 245HSL: 221.87°, 91.84%, 51.96%
darkslateblue
#392064
RGB: 57, 32, 100HSL: 262.06°, 51.52%, 25.88%
darkslategray
#114B30
RGB: 17, 75, 48HSL: 152.07°, 63.04%, 18.04%
darkolivegreen
#2E3E14
RGB: 46, 62, 20HSL: 82.86°, 51.22%, 16.08%
blueviolet
#963FEE
RGB: 150, 63, 238HSL: 269.83°, 83.73%, 59.02%
darkslateblue
#0A378A
RGB: 10, 55, 138HSL: 218.91°, 86.49%, 29.02%
darkslateblue
#603795
RGB: 96, 55, 149HSL: 266.17°, 46.08%, 40.00%
purple
#871D63
RGB: 135, 29, 99HSL: 320.38°, 64.63%, 32.16%
paleturquoise
#9BE9E0
RGB: 155, 233, 224HSL: 173.08°, 63.93%, 76.08%
rosybrown
#CF9587
RGB: 207, 149, 135HSL: 11.67°, 42.86%, 67.06%
aquamarine
#B8F4CD
RGB: 184, 244, 205HSL: 141.00°, 73.17%, 83.92%
darkviolet
#9B17D9
RGB: 155, 23, 217HSL: 280.82°, 80.83%, 47.06%
mediumseagreen
#4FD89B
RGB: 79, 216, 155HSL: 153.28°, 63.72%, 57.84%
violet
#FA6BE0
RGB: 250, 107, 224HSL: 310.91°, 93.46%, 70.00%
plum
#E094C2
RGB: 224, 148, 194HSL: 323.68°, 55.07%, 72.94%
steelblue
#4A5582
RGB: 74, 85, 130HSL: 228.21°, 27.45%, 40.00%

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

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

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

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

AIの役割

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

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

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

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

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

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

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

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

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

Color Picker: トレンドカラー 2026