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%

چگونه رنگ‌های ترند را شناسایی می‌کنیم

هر روز میلیون‌ها انتخاب طراحی واقعی را بررسی می‌کنیم و سه جریان داده را کنار هم قرار می‌دهیم تا آنچه در حال رشد است را شناسایی کنیم::

  • رفتار کاربران: ما رنگ‌هایی را که طراحان با استفاده از ابزار انتخاب رنگ ما برمی‌گزینند دنبال می‌کنیم. ما بررسی نمی‌کنیم که این کدها بعداً کجا استفاده می‌شوند؛ تمرکز ما تنها بر روی طیف‌هایی است که انتخاب می‌کنند.
  • وب‌سایت‌ها و پالت‌های واقعی: افزونه ما به‌طور خودکار رنگ‌های CSS را از سایت‌هایی که کاربر بازدید می‌کند استخراج و تحلیل می‌کند. همچنین رنگ‌ها را از تصاویر پالت‌هایی که طراحان به آن‌ها رجوع می‌کنند جمع‌آوری می‌کند تا ببینیم واقعاً چه چیزی در عمل استفاده می‌شود.
  • پویایی زمانی: ما بررسی می‌کنیم که استفاده از هر طیف رنگی چگونه هفته به هفته تغییر می‌کند — آیا یک رنگ در حال اوج گرفتن است، ثابت مانده یا رو به کاهش است.

صرفِ فراوانی کافی نیست. ما از مدل‌های GPT برای تفسیر زمینه و هدف استفاده می‌کنیم و آزمایش‌های یک‌باره و موارد خاص برندها را فیلتر می‌کنیم. به این ترتیب رنگ‌هایی که برجسته می‌کنیم نمایانگر روندهای واقعی میان پروژه‌ها هستند، نه صرفاً نویز داده‌ها.:

نقش هوش مصنوعی

شمارش‌های خام تمام داستان را بیان نمی‌کنند. مدل زبانی ما بررسی می‌کند که هر رنگ چگونه و چرا استفاده می‌شود — به‌عنوان پس‌زمینه، دکمه، متن اصلی یا تأکید. این موضوع به ما کمک می‌کند الگوها را شناسایی کنیم:

  • گروه‌بندی طیف‌های مشابه در یک روند واحد،
  • درک نقش عملکردی رنگ در رابط کاربری،
  • جدا کردن تم‌های واقعاً نوظهور از رنگ‌های خنثی همیشگی یا پالت‌های قدیمی.

به طور خلاصه، مدل به ما کمک می‌کند داده‌ها را تفسیر کنیم؛ اما خودِ آن تصمیم‌گیرنده روندها نیست.

چرا این رنگ‌ها ترند شده‌اند

یک طیف زمانی وارد فهرست ترند می‌شود که:

  • در پروژه‌ها و تیم‌های نامرتبط بیشتر ظاهر شود،
  • طراحان از آن برای نقش‌های مهم مانند فراخوان‌های اقدام یا عناصر ساختاری استفاده کنند،
  • کاربرد آن را در انواع مختلف محصولات و صنایع مشاهده کنیم.

از آنجا که ما استفاده را در طول زمان دنبال می‌کنیم، روندها به‌طور طبیعی تکامل می‌یابند و آنچه را که هم‌اکنون در دنیای طراحی در حال رخ دادن است منعکس می‌کنند.

هر چند وقت یک‌بار رنگ‌های ترند را به‌روزرسانی می‌کنید؟

فهرست رنگ‌های ترند ما هر هفته به‌روزرسانی می‌شود. ما به‌طور مداوم داده‌های جدید را از انتخاب‌های رنگ، اسکن وب‌سایت‌ها و تصاویر پالت جمع‌آوری می‌کنیم و سپس روندها را به‌صورت منظم محاسبه می‌کنیم. به این ترتیب رنگ‌هایی که می‌بینید بازتاب‌دهنده چیزی هستند که طراحان واقعاً همین حالا استفاده می‌کنند، بدون واکنش اغراق‌آمیز به نوسانات کوتاه‌مدت.

Color Picker: رنگ‌های ترند 2026