محوّل HEX / RGB / HSL

ما الفرق بين ألوان hex وRGB وHSL؟

هي ثلاثة ترميزات لألوان sRGB: ‎#1e90ff يكتب قنوات الأحمر والأخضر والأزرق برقمين ست عشريين لكل منها؛ وrgb(30 144 255)‎ يكتبها أعداداً عشرية من 0 إلى 255؛ وhsl(210 100% 56%)‎ يصف الصبغة على عجلة 360° مع التشبّع والإضاءة، فيصبح «درجة أفتح من الأزرق نفسه» تغييراً لرقم واحد. يعرّف CSS Color Level 4 الثلاثة مع قناة الشفافية، ومعادلات التحويل بينها دقيقة، لكن HSL يُكتب عادةً بأرقام مقرّبة: فـ hsl(210 100% 56%)‎ يساوي ‎#1f8fff لا ‎#1e90ff تماماً، وقيمة HSL الدقيقة لـ ‎#1e90ff هي نحو hsl(209.6 100% 55.9%)‎.

كيفية استخدام محوّل HEX / RGB / HSL

1. اكتب أو الصق قيمة في HEX أو RGB أو HSL — فيتحدّث الحقلان الآخران أثناء الكتابة.
2. اضبط اللون بدقة باستخدام المنزلقات أو المنتقي.
3. انسخ الصيغة التي تحتاجها.

مزايا محوّل HEX / RGB / HSL

• ثلاثة مدخلات متزامنة — HEX وRGB وHSL — إضافة إلى منتقي ألوان أصلي
• منزلقات لـ R وG وB ودرجة اللون والتشبّع والإضاءة وألفا
• عيّنة لون مباشرة مع خلفية رقعة شطرنج لقناة ألفا وتسمية تراعي التباين
• أزرار نسخ لسلاسل HEX وRGB وHSL
• نسبة التباين على الأبيض والأسود
• قبول صياغات CSS القديمة والحديثة

مثال على محوّل HEX / RGB / HSL

rgb(255, 99, 71)

#ff6347 · hsl(9, 100%, 64%)

الأسئلة الشائعة حول محوّل HEX / RGB / HSL

المراجع

• CSS Color Module Level 4W3Cصيغ الألوان التي تقبلها المتصفحات — hex وrgb()‎ وhsl()‎ وhwb()‎ وlab()‎ وغيرها — وكيفية التحويل بينها.