Color Picker

トレンドカラー 2026

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

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

goldenrod
#DEC53B
RGB: 222, 197, 59HSL: 50.80°, 71.18%, 55.10%
rosybrown
#E5A79A
RGB: 229, 167, 154HSL: 10.40°, 59.06%, 75.10%
plum
#D68AC7
RGB: 214, 138, 199HSL: 311.84°, 48.10%, 69.02%
midnightblue
#050666
RGB: 5, 6, 102HSL: 239.38°, 90.65%, 20.98%
dimgray
#5E2240
RGB: 94, 34, 64HSL: 330.00°, 46.88%, 25.10%
cadetblue
#82B5BF
RGB: 130, 181, 191HSL: 189.84°, 32.28%, 62.94%
darkslategray
#203730
RGB: 32, 55, 48HSL: 161.74°, 26.44%, 17.06%
darkgreen
#156619
RGB: 21, 102, 25HSL: 122.96°, 65.85%, 24.12%
cornflowerblue
#416DB9
RGB: 65, 109, 185HSL: 218.00°, 48.00%, 49.02%
darkseagreen
#62A782
RGB: 98, 167, 130HSL: 147.83°, 28.16%, 51.96%
lawngreen
#49F024
RGB: 73, 240, 36HSL: 109.12°, 87.18%, 54.12%
lightgreen
#6FE282
RGB: 111, 226, 130HSL: 129.91°, 66.47%, 66.08%
paleturquoise
#ABEBF2
RGB: 171, 235, 242HSL: 185.92°, 73.20%, 80.98%
lightskyblue
#7EC5FB
RGB: 126, 197, 251HSL: 205.92°, 93.98%, 73.92%
purple
#500233
RGB: 80, 2, 51HSL: 322.31°, 95.12%, 16.08%
darkolivegreen
#666944
RGB: 102, 105, 68HSL: 64.86°, 21.39%, 33.92%
silver
#D5BEC3
RGB: 213, 190, 195HSL: 346.96°, 21.50%, 79.02%
mediumaquamarine
#8AE0C5
RGB: 138, 224, 197HSL: 161.16°, 58.11%, 70.98%
lightgreen
#AAEC93
RGB: 170, 236, 147HSL: 104.49°, 70.08%, 75.10%
limegreen
#25B215
RGB: 37, 178, 21HSL: 113.89°, 78.89%, 39.02%
steelblue
#58A4DA
RGB: 88, 164, 218HSL: 204.92°, 63.73%, 60.00%
palevioletred
#884470
RGB: 136, 68, 112HSL: 321.18°, 33.33%, 40.00%
palegoldenrod
#CCEBAD
RGB: 204, 235, 173HSL: 90.00°, 60.78%, 80.00%
cornflowerblue
#A39EF0
RGB: 163, 158, 240HSL: 243.66°, 73.21%, 78.04%
mediumaquamarine
#35C099
RGB: 53, 192, 153HSL: 163.17°, 56.73%, 48.04%
plum
#DBBAEE
RGB: 219, 186, 238HSL: 278.08°, 60.47%, 83.14%
teal
#3A786D
RGB: 58, 120, 109HSL: 169.35°, 34.83%, 34.90%
darkviolet
#C626ED
RGB: 198, 38, 237HSL: 288.24°, 84.68%, 53.92%
slateblue
#7148A8
RGB: 113, 72, 168HSL: 265.63°, 40.00%, 47.06%
darkslateblue
#173792
RGB: 23, 55, 146HSL: 224.39°, 72.78%, 33.14%
maroon
#64150C
RGB: 100, 21, 12HSL: 6.14°, 78.57%, 21.96%
lightsalmon
#E29565
RGB: 226, 149, 101HSL: 23.04°, 68.31%, 64.12%
royalblue
#095BCE
RGB: 9, 91, 206HSL: 215.03°, 91.63%, 42.16%
purple
#8B1870
RGB: 139, 24, 112HSL: 314.09°, 70.55%, 31.96%
lightslategray
#8A77A6
RGB: 138, 119, 166HSL: 264.26°, 20.89%, 55.88%
darkolivegreen
#564B00
RGB: 86, 75, 0HSL: 52.33°, 100.00%, 16.86%
orchid
#BC6FCE
RGB: 188, 111, 206HSL: 288.63°, 49.22%, 62.16%
lightsteelblue
#AFBFDA
RGB: 175, 191, 218HSL: 217.67°, 36.75%, 77.06%
midnightblue
#30124A
RGB: 48, 18, 74HSL: 272.14°, 60.87%, 18.04%
royalblue
#2B53DA
RGB: 43, 83, 218HSL: 226.29°, 70.28%, 51.18%
darkcyan
#258C98
RGB: 37, 140, 152HSL: 186.26°, 60.85%, 37.06%
indianred
#BB6958
RGB: 187, 105, 88HSL: 10.30°, 42.13%, 53.92%
limegreen
#44D546
RGB: 68, 213, 70HSL: 120.83°, 63.32%, 55.10%
teal
#047C81
RGB: 4, 124, 129HSL: 182.40°, 93.98%, 26.08%
tan
#B38C6B
RGB: 179, 140, 107HSL: 27.50°, 32.14%, 56.08%
darkturquoise
#10E1E5
RGB: 16, 225, 229HSL: 181.13°, 86.94%, 48.04%
greenyellow
#A3FD5E
RGB: 163, 253, 94HSL: 93.96°, 97.55%, 68.04%
blueviolet
#6330D9
RGB: 99, 48, 217HSL: 258.11°, 68.98%, 51.96%
khaki
#F0DD75
RGB: 240, 221, 117HSL: 50.73°, 80.39%, 70.00%
palevioletred
#DD7E9A
RGB: 221, 126, 154HSL: 342.32°, 58.28%, 68.04%

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

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

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

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

AIの役割

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

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

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

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

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

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

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

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

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

Color Picker: トレンドカラー 2026