Logo

Color Picker

الألوان الرائجة 2026

لا يتم اختيار ألواننا بناءً على الذوق أو التوقعات.

يتم تحديدها استنادًا إلى كيفية عمل المصممين فعليًا — ما هي الدرجات التي يختارونها، وأين يستخدمونها، وكيف يتغير استخدامها مع مرور الوقت.

plum
#E4A3EF
RGB: 228, 163, 239HSL: 291.32°, 70.37%, 78.82%
darkolivegreen
#637240
RGB: 99, 114, 64HSL: 78.00°, 28.09%, 34.90%
sienna
#AA5646
RGB: 170, 86, 70HSL: 9.60°, 41.67%, 47.06%
darkseagreen
#ADD590
RGB: 173, 213, 144HSL: 94.78°, 45.10%, 70.00%
dimgray
#562945
RGB: 86, 41, 69HSL: 322.67°, 35.43%, 24.90%
darkslategray
#1C2F31
RGB: 28, 47, 49HSL: 185.71°, 27.27%, 15.10%
rosybrown
#AA7D81
RGB: 170, 125, 129HSL: 354.67°, 20.93%, 57.84%
saddlebrown
#704905
RGB: 112, 73, 5HSL: 38.13°, 91.45%, 22.94%
lightgoldenrodyellow
#CEE8C4
RGB: 206, 232, 196HSL: 103.33°, 43.90%, 83.92%
black
#392918
RGB: 57, 41, 24HSL: 30.91°, 40.74%, 15.88%
maroon
#5E021E
RGB: 94, 2, 30HSL: 341.74°, 95.83%, 18.82%
mediumslateblue
#463CCD
RGB: 70, 60, 205HSL: 244.14°, 59.18%, 51.96%
midnightblue
#260872
RGB: 38, 8, 114HSL: 256.98°, 86.89%, 23.92%
forestgreen
#3DAE4A
RGB: 61, 174, 74HSL: 126.90°, 48.09%, 46.08%
green
#029716
RGB: 2, 151, 22HSL: 128.05°, 97.39%, 30.00%
limegreen
#5FF042
RGB: 95, 240, 66HSL: 110.00°, 85.29%, 60.00%
powderblue
#B7E8F0
RGB: 183, 232, 240HSL: 188.42°, 65.52%, 82.94%
lightgreen
#83E293
RGB: 131, 226, 147HSL: 130.11°, 62.09%, 70.00%
yellowgreen
#ABF467
RGB: 171, 244, 103HSL: 91.06°, 86.50%, 68.04%
darkkhaki
#D0C57C
RGB: 208, 197, 124HSL: 52.14°, 47.19%, 65.10%
goldenrod
#F9C643
RGB: 249, 198, 67HSL: 43.19°, 93.81%, 61.96%
darkolivegreen
#074A1B
RGB: 7, 74, 27HSL: 137.91°, 82.72%, 15.88%
lightsteelblue
#AEABE2
RGB: 174, 171, 226HSL: 243.27°, 48.67%, 77.84%
steelblue
#31537C
RGB: 49, 83, 124HSL: 212.80°, 43.35%, 33.92%
yellowgreen
#8EC530
RGB: 142, 197, 48HSL: 82.15°, 60.82%, 48.04%
khaki
#ECF093
RGB: 236, 240, 147HSL: 62.58°, 75.61%, 75.88%
purple
#621476
RGB: 98, 20, 118HSL: 287.76°, 71.01%, 27.06%
steelblue
#517CB8
RGB: 81, 124, 184HSL: 214.95°, 42.04%, 51.96%
teal
#487F7F
RGB: 72, 127, 127HSL: 180.00°, 27.64%, 39.02%
darkslategray
#194D61
RGB: 25, 77, 97HSL: 196.67°, 59.02%, 23.92%
mediumaquamarine
#25DAAA
RGB: 37, 218, 170HSL: 164.09°, 70.98%, 50.00%
lightpink
#E2989A
RGB: 226, 152, 154HSL: 358.38°, 56.06%, 74.12%
mediumaquamarine
#A4EAC9
RGB: 164, 234, 201HSL: 151.71°, 62.50%, 78.04%
lawngreen
#3BEB24
RGB: 59, 235, 36HSL: 113.07°, 83.26%, 53.14%
greenyellow
#C1F849
RGB: 193, 248, 73HSL: 78.86°, 92.59%, 62.94%
goldenrod
#C8B104
RGB: 200, 177, 4HSL: 52.96°, 96.08%, 40.00%
dodgerblue
#048AF1
RGB: 4, 138, 241HSL: 206.08°, 96.73%, 48.04%
darkseagreen
#8CB595
RGB: 140, 181, 149HSL: 133.17°, 21.69%, 62.94%
sienna
#8C663B
RGB: 140, 102, 59HSL: 31.85°, 40.70%, 39.02%
darkslategray
#38574F
RGB: 56, 87, 79HSL: 164.52°, 21.68%, 28.04%
sandybrown
#F0C066
RGB: 240, 192, 102HSL: 39.13°, 82.14%, 67.06%
plum
#9966A3
RGB: 153, 102, 163HSL: 290.16°, 24.90%, 51.96%
thistle
#D3B1C9
RGB: 211, 177, 201HSL: 317.65°, 27.87%, 76.08%
mediumorchid
#9451D6
RGB: 148, 81, 214HSL: 270.23°, 61.86%, 57.84%
mediumseagreen
#10C677
RGB: 16, 198, 119HSL: 153.96°, 85.05%, 41.96%
mediumblue
#0D10C5
RGB: 13, 16, 197HSL: 239.02°, 87.62%, 41.18%
cornflowerblue
#9586D5
RGB: 149, 134, 213HSL: 251.39°, 48.47%, 68.04%
mediumorchid
#BF6DFE
RGB: 191, 109, 254HSL: 273.93°, 98.64%, 71.18%
dimgray
#684531
RGB: 104, 69, 49HSL: 21.82°, 35.95%, 30.00%
darkblue
#4603AA
RGB: 70, 3, 170HSL: 264.07°, 96.53%, 33.92%

كيف نحدد الألوان الرائجة

كل يوم نقوم بتحليل ملايين الاختيارات التصميمية الحقيقية ونجمع ثلاثة مصادر من البيانات لاكتشاف ما يكتسب زخمًا::

  • سلوك المستخدمين: نقوم بتتبع الألوان التي يختارها المصممون باستخدام أداة اختيار الألوان الخاصة بنا. لا نراقب أين تُستخدم هذه الرموز لاحقًا؛ تركيزنا ينصب فقط على الدرجات التي يختارونها.
  • المواقع الحقيقية ولوحات الألوان: يقوم امتدادنا تلقائيًا بجمع ألوان CSS من المواقع التي يزورها المستخدم وتحليلها. كما يلتقط الألوان من صور اللوحات التي يستعين بها المصممون، لنرى ما يُستخدم فعليًا في الواقع.
  • الديناميكيات الزمنية: نراقب كيف يتغير استخدام كل درجة لون من أسبوع لآخر — هل يزداد انتشار اللون، أم يظل ثابتًا، أم يتلاشى.

التكرار وحده لا يكفي. نحن نستخدم نماذج GPT لتفسير السياق والنية، مع تصفية التجارب الفردية والحالات الخاصة بالعلامات التجارية. بهذه الطريقة تعكس الألوان التي نبرزها اتجاهات حقيقية عبر المشاريع بدلاً من الضوضاء.:

أين يأتي دور الذكاء الاصطناعي

الأعداد الخام لا تحكي القصة كاملة. ينظر نموذجنا اللغوي إلى كيفية ولماذا يُستخدم كل لون — هل هو للخلفية، أو الأزرار، أو النصوص، أو اللمسات البارزة. وهذا يساعدنا على اكتشاف الأنماط:

  • تجميع الدرجات المتشابهة ضمن اتجاه واحد،
  • فهم وظيفة اللون داخل واجهة المستخدم،
  • الفصل بين الاتجاهات الناشئة حقًا وبين الألوان المحايدة الخالدة أو اللوحات القديمة.

باختصار، يساعد النموذج في تفسير البيانات؛ لكنه لا يتخذ قرارات الاتجاهات بنفسه.

لماذا هذه الألوان رائجة

يستحق اللون مكانًا في قائمة الرائج عندما:

  • يظهر بشكل متكرر عبر مشاريع وفرق غير مرتبطة،
  • يستخدمه المصممون لأدوار مهمة مثل أزرار الدعوة إلى الإجراء أو الإبرازات أو العناصر الهيكلية،
  • نراه يُعتمد في أنواع مختلفة من المنتجات والصناعات.

نظرًا لأننا نتتبع الاستخدام بمرور الوقت، فإن الاتجاهات تتطور بشكل طبيعي لتعكس ما يحدث في عالم التصميم الآن.

كم مرة تقومون بتحديث الألوان الرائجة؟

يتم تحديث قائمة الألوان الرائجة أسبوعيًا. نحن نجمع باستمرار بيانات جديدة من اختيارات الألوان، ومسح المواقع، وصور اللوحات، ثم نعيد حساب الاتجاهات بانتظام. بهذه الطريقة تعكس الألوان التي تراها ما يستخدمه المصممون فعليًا الآن، دون مبالغة في الاستجابة للارتفاعات القصيرة الأمد.

Color Picker: الألوان الرائجة 2026