Color Picker

رنگ‌های ترند 2026

رنگ‌های ما بر اساس سلیقه یا پیش‌بینی انتخاب نمی‌شوند.

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

palegoldenrod
#F0DA98
RGB: 240, 218, 152HSL: 45.00°, 74.58%, 76.86%
teal
#01676A
RGB: 1, 103, 106HSL: 181.71°, 98.13%, 20.98%
palevioletred
#C7709A
RGB: 199, 112, 154HSL: 331.03°, 43.72%, 60.98%
limegreen
#17EE3E
RGB: 23, 238, 62HSL: 130.88°, 86.35%, 51.18%
olivedrab
#657C18
RGB: 101, 124, 24HSL: 73.80°, 67.57%, 29.02%
darkseagreen
#9ECCB6
RGB: 158, 204, 182HSL: 151.30°, 31.08%, 70.98%
darkslateblue
#253374
RGB: 37, 51, 116HSL: 229.37°, 51.63%, 30.00%
yellowgreen
#7CC64E
RGB: 124, 198, 78HSL: 97.00°, 51.28%, 54.12%
crimson
#F1465A
RGB: 241, 70, 90HSL: 352.98°, 85.93%, 60.98%
dimgray
#6B333C
RGB: 107, 51, 60HSL: 350.36°, 35.44%, 30.98%
hotpink
#F264B2
RGB: 242, 100, 178HSL: 327.04°, 84.52%, 67.06%
purple
#691163
RGB: 105, 17, 99HSL: 304.09°, 72.13%, 23.92%
darkolivegreen
#514B1F
RGB: 81, 75, 31HSL: 52.80°, 44.64%, 21.96%
plum
#A996CF
RGB: 169, 150, 207HSL: 260.00°, 37.25%, 70.00%
midnightblue
#340452
RGB: 52, 4, 82HSL: 276.92°, 90.70%, 16.86%
forestgreen
#147B19
RGB: 20, 123, 25HSL: 122.91°, 72.03%, 28.04%
plum
#C1B1ED
RGB: 193, 177, 237HSL: 256.00°, 62.50%, 81.18%
darkviolet
#AC36E7
RGB: 172, 54, 231HSL: 280.00°, 78.67%, 55.88%
skyblue
#15D3F4
RGB: 21, 211, 244HSL: 188.88°, 91.02%, 51.96%
darkred
#972612
RGB: 151, 38, 18HSL: 9.02°, 78.70%, 33.14%
lightgreen
#ADE59E
RGB: 173, 229, 158HSL: 107.32°, 57.72%, 75.88%
limegreen
#0CC054
RGB: 12, 192, 84HSL: 144.00°, 88.24%, 40.00%
turquoise
#76E5D4
RGB: 118, 229, 212HSL: 170.81°, 68.10%, 68.04%
steelblue
#719ACC
RGB: 113, 154, 204HSL: 212.97°, 47.15%, 62.16%
darkmagenta
#8E17A1
RGB: 142, 23, 161HSL: 291.74°, 75.00%, 36.08%
thistle
#DCC1D6
RGB: 220, 193, 214HSL: 313.33°, 27.84%, 80.98%
violet
#D67AF5
RGB: 214, 122, 245HSL: 284.88°, 86.01%, 71.96%
darkslategray
#3C455D
RGB: 60, 69, 93HSL: 223.64°, 21.57%, 30.00%
darkslategray
#1F3332
RGB: 31, 51, 50HSL: 177.00°, 24.39%, 16.08%
darkgreen
#105F02
RGB: 16, 95, 2HSL: 110.97°, 95.88%, 19.02%
brown
#750A2C
RGB: 117, 10, 44HSL: 340.93°, 84.25%, 24.90%
slateblue
#4648AF
RGB: 70, 72, 175HSL: 238.86°, 42.86%, 48.04%
turquoise
#4CE1C8
RGB: 76, 225, 200HSL: 169.93°, 71.29%, 59.02%
darkgreen
#397E26
RGB: 57, 126, 38HSL: 107.05°, 53.66%, 32.16%
goldenrod
#DFB753
RGB: 223, 183, 83HSL: 42.86°, 68.63%, 60.00%
steelblue
#1D5C9F
RGB: 29, 92, 159HSL: 210.92°, 69.15%, 36.86%
mediumseagreen
#3EA364
RGB: 62, 163, 100HSL: 142.57°, 44.89%, 44.12%
steelblue
#6283AC
RGB: 98, 131, 172HSL: 213.24°, 30.83%, 52.94%
tan
#CCC899
RGB: 204, 200, 153HSL: 55.29°, 33.33%, 70.00%
khaki
#ECFFA9
RGB: 236, 255, 169HSL: 73.26°, 100.00%, 83.14%
brown
#A52C3C
RGB: 165, 44, 60HSL: 352.07°, 57.89%, 40.98%
darkcyan
#499285
RGB: 73, 146, 133HSL: 169.32°, 33.33%, 42.94%
palevioletred
#B6436C
RGB: 182, 67, 108HSL: 338.61°, 46.18%, 48.82%
mediumblue
#3D07CF
RGB: 61, 7, 207HSL: 256.20°, 93.46%, 41.96%
darkslateblue
#59247F
RGB: 89, 36, 127HSL: 274.95°, 55.83%, 31.96%
plum
#D991D1
RGB: 217, 145, 209HSL: 306.67°, 48.65%, 70.98%
midnightblue
#0A1171
RGB: 10, 17, 113HSL: 235.92°, 83.74%, 24.12%
darkolivegreen
#827F35
RGB: 130, 127, 53HSL: 57.66°, 42.08%, 35.88%
mediumvioletred
#DE3FA1
RGB: 222, 63, 161HSL: 323.02°, 70.67%, 55.88%
lightseagreen
#3CBEAD
RGB: 60, 190, 173HSL: 172.15°, 52.00%, 49.02%

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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