كيفية استخدام محوّل HEX / RGB / HSL
- اكتب أو الصق قيمة في HEX أو RGB أو HSL — فيتحدّث الحقلان الآخران أثناء الكتابة.
- اضبط اللون بدقة باستخدام المنزلقات أو المنتقي.
- انسخ الصيغة التي تحتاجها.
مزايا محوّل HEX / RGB / HSL
- ثلاثة مدخلات متزامنة — HEX وRGB وHSL — إضافة إلى منتقي ألوان أصلي
- منزلقات لـ R وG وB ودرجة اللون والتشبّع والإضاءة وألفا
- عيّنة لون مباشرة مع خلفية رقعة شطرنج لقناة ألفا وتسمية تراعي التباين
- أزرار نسخ لسلاسل HEX وRGB وHSL
- نسبة التباين على الأبيض والأسود
- قبول صياغات CSS القديمة والحديثة
مثال على محوّل HEX / RGB / HSL
من RGB إلى HEX وHSL
الإدخال:
rgb(255, 99, 71)النتيجة:
#ff6347 · hsl(9, 100%, 64%)الأسئلة الشائعة حول محوّل HEX / RGB / HSL
كيف تبقى المدخلات الثلاثة متزامنة؟
عدّل HEX أو RGB أو HSL (أو حرّك منزلقاً / استخدم المنتقي) فتُعاد حسابات التمثيلات الأخرى فوراً. ويعرض النص غير الصالح خطأً دون مسح الحقول الأخرى.
هل قناة ألفا مدعومة؟
نعم. تضبط قيم HEX ذات 8 أرقام وrgba() وhsla() قناة ألفا؛ وتعرضها العيّنة فوق رقعة شطرنج.
لماذا تعطي إعادة التحويل من HSL قيمة HEX مختلفة قليلاً؟
تُعرض قيم HSL مقرّبة إلى أعداد صحيحة لسهولة القراءة، ولذلك قد تختلف إعادة التحويل بمقدار واحد في إحدى القنوات. أما القيمة الداخلية فتحتفظ بالدقة الكاملة.
ما صياغة rgb(r g b / a) الحديثة؟
يسمح المستوى الرابع من CSS Color بقنوات مفصولة بمسافات مع قيمة ألفا اختيارية بعد شرطة مائلة. وتُقبل الصياغتان القديمة ذات الفواصل والحديثة وتُعرضان معاً.