محول مجاني

HSL إلى محوّل HEX

تحويل قيم ألوان HSL إلى رموز ألوان HEX فوراً — محوّل ألوان مجاني في الوقت الفعلي.

درجة اللون
التشبع (%)
الإضاءة (%)

مخرجات HEX

#368CE2
R:54
G:140
B:226

نسخ التنسيق

تنسيق #HEX#368CE2
تنسيق hsl()hsl(210°, 75%, 55%)
تنسيق rgb()rgb(54, 140, 226)

حول هذه الأداة

تحويل قيم الألوان HSL (تدرج اللون والتشبع والخفة) إلى رموز سداسية عشرية. HSL هو نموذج ألوان بديهي حيث Hue هي زاوية اللون (0-360 درجة)، والتشبع هو كثافة اللون (0-100%)، والخفة تتحكم في مدى فاتح أو داكن اللون (0-100%). مفيد للمصممين الذين يعملون في HSL ويحتاجون إلى رموز سداسية عشرية لـ CSS.

كيفية الاستخدام

  1. أدخل قيمة Hue (0-360 درجة على عجلة الألوان).
  2. اضبط التشبع (0-100%) والخفة (0-100%).
  3. يتم حساب الرمز السداسي وعرضه في الوقت الفعلي.
  4. انسخ الرمز السداسي لاستخدامه في CSS أو أداة التصميم.

الأسئلة الشائعة

لماذا نستخدم HSL بدلاً من hex أو RGB؟
HSL أكثر سهولة بالنسبة للبشر. تريد الظل أغمق؟ تقليل الخفة. هل تريد نسخة صامتة؟ تقليل التشبع. هذه العلاقات ليست واضحة في الشكل السداسي أو RGB حيث ستحتاج إلى ضبط القنوات الثلاث.
ماذا يعني هوى 0 مقابل 360؟
كل من 0 درجة و360 درجة باللون الأحمر - تلتف عجلة التدرج حولها. الألوان الرئيسية: 0° = أحمر، 60° = أصفر، 120° = أخضر، 180° = سماوي، 240° = أزرق، 300° = أرجواني.
ماذا يحدث عند التشبع 0% و100%؟
عند التشبع بنسبة 0%، يصبح أي لون ظلًا للرمادي (يتم تحديده بواسطة الخفة وحدها). عند التشبع بنسبة 100%، تحصل على النسخة الأنقى والأكثر حيوية من هذا اللون.
كيف تعمل الخفة؟
تكون الإضاءة بنسبة 0% باللون الأسود دائمًا بغض النظر عن درجة اللون/التشبع. 100% دائمًا أبيض. 50% يعطي النسخة النقية والأكثر حيوية من اللون. القيم التي تتراوح بين 0-50% هي ظلال أغمق، و50-100% هي ألوان أفتح.