トレンドカラー 2026

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

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

slategray
#477385
RGB: 71, 115, 133HSL: 197.42°, 30.39%, 40.00%
olive
#A19117
RGB: 161, 145, 23HSL: 53.04°, 75.00%, 36.08%
seagreen
#0A7B57
RGB: 10, 123, 87HSL: 160.88°, 84.96%, 26.08%
plum
#D897F2
RGB: 216, 151, 242HSL: 282.86°, 77.78%, 77.06%
slateblue
#423BB0
RGB: 66, 59, 176HSL: 243.59°, 49.79%, 46.08%
lime
#1FEF37
RGB: 31, 239, 55HSL: 126.92°, 86.67%, 52.94%
olivedrab
#81A93D
RGB: 129, 169, 61HSL: 82.22°, 46.96%, 45.10%
darkseagreen
#A1D3AF
RGB: 161, 211, 175HSL: 136.80°, 36.23%, 72.94%
mediumseagreen
#3BC974
RGB: 59, 201, 116HSL: 144.08°, 56.80%, 50.98%
midnightblue
#410845
RGB: 65, 8, 69HSL: 296.07°, 79.22%, 15.10%
powderblue
#89CDCA
RGB: 137, 205, 202HSL: 177.35°, 40.48%, 67.06%
indigo
#7435AC
RGB: 116, 53, 172HSL: 271.76°, 52.89%, 44.12%
lightseagreen
#209D8C
RGB: 32, 157, 140HSL: 171.84°, 66.14%, 37.06%
lightgreen
#D3FB98
RGB: 211, 251, 152HSL: 84.24°, 92.52%, 79.02%
olivedrab
#768D1B
RGB: 118, 141, 27HSL: 72.11°, 67.86%, 32.94%
yellowgreen
#85D629
RGB: 133, 214, 41HSL: 88.09°, 67.84%, 50.00%
forestgreen
#128228
RGB: 18, 130, 40HSL: 131.79°, 75.68%, 29.02%
palevioletred
#9E3D79
RGB: 158, 61, 121HSL: 322.89°, 44.29%, 42.94%
saddlebrown
#973E02
RGB: 151, 62, 2HSL: 24.16°, 97.39%, 30.00%
lightgreen
#5DE9A1
RGB: 93, 233, 161HSL: 149.14°, 76.09%, 63.92%
darkolivegreen
#11411E
RGB: 17, 65, 30HSL: 136.25°, 58.54%, 16.08%
black
#341E1E
RGB: 52, 30, 30HSL: 0.00°, 26.83%, 16.08%
midnightblue
#502281
RGB: 80, 34, 129HSL: 269.05°, 58.28%, 31.96%
darkslategray
#122F45
RGB: 18, 47, 69HSL: 205.88°, 58.62%, 17.06%
seagreen
#54835A
RGB: 84, 131, 90HSL: 127.66°, 21.86%, 42.16%
darkolivegreen
#46641B
RGB: 70, 100, 27HSL: 84.66°, 57.48%, 24.90%
lightgoldenrodyellow
#E5E6C1
RGB: 229, 230, 193HSL: 61.62°, 42.53%, 82.94%
darkslateblue
#624082
RGB: 98, 64, 130HSL: 270.91°, 34.02%, 38.04%
mediumpurple
#8566CC
RGB: 133, 102, 204HSL: 258.24°, 50.00%, 60.00%
yellowgreen
#C1DA34
RGB: 193, 218, 52HSL: 69.04°, 69.17%, 52.94%
peru
#B98046
RGB: 185, 128, 70HSL: 30.26°, 45.10%, 50.00%
lightcoral
#C97375
RGB: 201, 115, 117HSL: 358.60°, 44.33%, 61.96%
darkolivegreen
#615B38
RGB: 97, 91, 56HSL: 51.22°, 26.80%, 30.00%
limegreen
#2ECE12
RGB: 46, 206, 18HSL: 111.06°, 83.93%, 43.92%
darkturquoise
#4EC9D4
RGB: 78, 201, 212HSL: 184.93°, 60.91%, 56.86%
darkseagreen
#8EC982
RGB: 142, 201, 130HSL: 109.86°, 39.66%, 64.90%
honeydew
#C4E8D1
RGB: 196, 232, 209HSL: 141.67°, 43.90%, 83.92%
aquamarine
#91F2D4
RGB: 145, 242, 212HSL: 161.44°, 78.86%, 75.88%
rosybrown
#B389A5
RGB: 179, 137, 165HSL: 320.00°, 21.65%, 61.96%
steelblue
#4495C1
RGB: 68, 149, 193HSL: 201.12°, 50.20%, 51.18%
sienna
#8D6149
RGB: 141, 97, 73HSL: 21.18°, 31.78%, 41.96%
limegreen
#3EEF58
RGB: 62, 239, 88HSL: 128.81°, 84.69%, 59.02%
mediumseagreen
#0BBC66
RGB: 11, 188, 102HSL: 150.85°, 88.94%, 39.02%
darkmagenta
#912197
RGB: 145, 33, 151HSL: 296.95°, 64.13%, 36.08%
royalblue
#5869CA
RGB: 88, 105, 202HSL: 231.05°, 51.82%, 56.86%
navajowhite
#FDD99B
RGB: 253, 217, 155HSL: 37.96°, 96.08%, 80.00%
darkolivegreen
#2D5007
RGB: 45, 80, 7HSL: 88.77°, 83.91%, 17.06%
mediumvioletred
#DA0180
RGB: 218, 1, 128HSL: 324.88°, 99.09%, 42.94%
mediumspringgreen
#04DC89
RGB: 4, 220, 137HSL: 156.94°, 96.43%, 43.92%
darkolivegreen
#504902
RGB: 80, 73, 2HSL: 54.62°, 95.12%, 16.08%

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

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

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

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

AIの役割

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

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

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

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

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

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

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

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

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

Color Picker: トレンドカラー 2026