Logo

Color Picker

トレンドカラー 2026

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

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

orchid
#CE46AE
RGB: 206, 70, 174HSL: 314.12°, 58.12%, 54.12%
forestgreen
#1C7915
RGB: 28, 121, 21HSL: 115.80°, 70.42%, 27.84%
cornflowerblue
#4D7CDB
RGB: 77, 124, 219HSL: 220.14°, 66.36%, 58.04%
firebrick
#BF2227
RGB: 191, 34, 39HSL: 358.09°, 69.78%, 44.12%
darkolivegreen
#2A4B2A
RGB: 42, 75, 42HSL: 120.00°, 28.21%, 22.94%
silver
#A9C7BD
RGB: 169, 199, 189HSL: 160.00°, 21.13%, 72.16%
lightsteelblue
#BBC2DD
RGB: 187, 194, 221HSL: 227.65°, 33.33%, 80.00%
black
#3F1D3D
RGB: 63, 29, 61HSL: 303.53°, 36.96%, 18.04%
maroon
#7E0103
RGB: 126, 1, 3HSL: 359.04°, 98.43%, 24.90%
palevioletred
#BE5B7F
RGB: 190, 91, 127HSL: 338.18°, 43.23%, 55.10%
black
#422910
RGB: 66, 41, 16HSL: 30.00°, 60.98%, 16.08%
darkslateblue
#573489
RGB: 87, 52, 137HSL: 264.71°, 44.97%, 37.06%
wheat
#D9D8B5
RGB: 217, 216, 181HSL: 58.33°, 32.14%, 78.04%
dimgray
#594436
RGB: 89, 68, 54HSL: 24.00°, 24.48%, 28.04%
plum
#DBBBF2
RGB: 219, 187, 242HSL: 274.91°, 67.90%, 84.12%
darkgoldenrod
#D8932C
RGB: 216, 147, 44HSL: 35.93°, 68.80%, 50.98%
mediumseagreen
#0DA065
RGB: 13, 160, 101HSL: 155.92°, 84.97%, 33.92%
blueviolet
#6D33D1
RGB: 109, 51, 209HSL: 262.03°, 63.20%, 50.98%
slateblue
#6F6BE1
RGB: 111, 107, 225HSL: 242.03°, 66.29%, 65.10%
darkslategray
#3C5D68
RGB: 60, 93, 104HSL: 195.00°, 26.83%, 32.16%
mediumblue
#6115EF
RGB: 97, 21, 239HSL: 260.92°, 87.20%, 50.98%
darkviolet
#A218DC
RGB: 162, 24, 220HSL: 282.24°, 80.33%, 47.84%
limegreen
#49DF4B
RGB: 73, 223, 75HSL: 120.80°, 70.09%, 58.04%
olivedrab
#8D9B31
RGB: 141, 155, 49HSL: 67.92°, 51.96%, 40.00%
paleturquoise
#BFE8D6
RGB: 191, 232, 214HSL: 153.66°, 47.13%, 82.94%
midnightblue
#1F184E
RGB: 31, 24, 78HSL: 247.78°, 52.94%, 20.00%
lightgreen
#5CE082
RGB: 92, 224, 130HSL: 137.27°, 68.04%, 61.96%
yellowgreen
#9EAB12
RGB: 158, 171, 18HSL: 65.10°, 80.95%, 37.06%
darkmagenta
#9836A1
RGB: 152, 54, 161HSL: 294.95°, 49.77%, 42.16%
goldenrod
#DCC332
RGB: 220, 195, 50HSL: 51.18°, 70.83%, 52.94%
salmon
#E27A65
RGB: 226, 122, 101HSL: 10.08°, 68.31%, 64.12%
darkturquoise
#39E7F3
RGB: 57, 231, 243HSL: 183.87°, 88.57%, 58.82%
cornflowerblue
#499EE4
RGB: 73, 158, 228HSL: 207.10°, 74.16%, 59.02%
midnightblue
#0E1777
RGB: 14, 23, 119HSL: 234.86°, 78.95%, 26.08%
lawngreen
#73E70D
RGB: 115, 231, 13HSL: 91.93°, 89.34%, 47.84%
palegoldenrod
#BFD88D
RGB: 191, 216, 141HSL: 80.00°, 49.02%, 70.00%
seagreen
#286740
RGB: 40, 103, 64HSL: 142.86°, 44.06%, 28.04%
cornflowerblue
#6EA9F2
RGB: 110, 169, 242HSL: 213.18°, 83.54%, 69.02%
teal
#0B6659
RGB: 11, 102, 89HSL: 171.43°, 80.53%, 22.16%
darkslategray
#0D3944
RGB: 13, 57, 68HSL: 192.00°, 67.90%, 15.88%
steelblue
#566D99
RGB: 86, 109, 153HSL: 219.40°, 28.03%, 46.86%
darkseagreen
#72AF6E
RGB: 114, 175, 110HSL: 116.31°, 28.89%, 55.88%
olive
#787312
RGB: 120, 115, 18HSL: 57.06°, 73.91%, 27.06%
mediumaquamarine
#8CDEBF
RGB: 140, 222, 191HSL: 157.32°, 55.41%, 70.98%
darkorange
#F9720B
RGB: 249, 114, 11HSL: 25.97°, 95.20%, 50.98%
darkorchid
#A540C9
RGB: 165, 64, 201HSL: 284.23°, 55.92%, 51.96%
tan
#AC8553
RGB: 172, 133, 83HSL: 33.71°, 34.90%, 50.00%
olive
#B2B43C
RGB: 178, 180, 60HSL: 61.00°, 50.00%, 47.06%
steelblue
#3577A7
RGB: 53, 119, 167HSL: 205.26°, 51.82%, 43.14%
navy
#310B89
RGB: 49, 11, 137HSL: 258.10°, 85.14%, 29.02%

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

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

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

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

AIの役割

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

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

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

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

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

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

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

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

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

Color Picker: トレンドカラー 2026