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%

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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