تقنية

العدد 1 في ⁦hsl⁩: هل يعني دورة كاملة أم درجة واحدة؟

1 و1deg يصبحان درجة واحدة؛ 1turn يصبح صفرًا بعد التطبيع.
حساب دون متصفح.

الوحدة مهمة.

الخلاصة السريعة

درجة واحدة؛ العدد دون وحدة في مدخل الصبغة لـ hsl يُفسر بالدرجات، لا بالدورات.

  • العدد العاري هنا يُقرأ بالدرجات.
  • 1deg يساوي 1 في مدخل الصبغة.
  • 1turn دورة كاملة، أي 360 درجة.
  • التطبيع يعيد الدورة الكاملة إلى صفر.

الوحدة تغير المقدار

1turn يساوي 360deg. تقبل الصبغة عددًا أو زاوية.

ثلاثة مدخلات

نقارن hsl(1 100% 50%) وhsl(1deg 100% 50%) وhsl(1turn 100% 50%). الزوايا بالدرجات 1 و1 و360؛ بعد التطبيع 1 و1 و0. تحققنا حسابيًا، لا بمحرك CSS.

حدود القاعدة

التشبع والإضاءة ثابتان. لا تعمم قبول العدد العاري على كل زاوية CSS.

المصادر ومتابعة القراءة

  1. W3C — CSS Color: 4.3 (يفتح في نافذة جديدة)w3.org
  2. W3C — CSS Values: 7.1 (يفتح في نافذة جديدة)w3.org

أُعدّ هذا المقال بصياغة عربية أصلية بالاستناد إلى المصادر أعلاه، وهو مدخل تمهيدي إلى الموضوع. اقرأ منهجية المحتوى وحدوده.