HEX وRGB وHSL: وصف لون واحد بثلاث طرق
قد يطلب محرر تصميم رمز HEX بينما يعرض ملف آخر RGB أو HSL. التحويل بينها يساعد على نقل اللون نفسه؛ ليس تحسينًا تلقائيًا للون أو ضمانًا لتطابق الشاشة والطباعة.
HEX كتابة مختصرة لقنوات RGB
في HEX ذي 6 خانات، يصف كل زوج قناة من الأحمر والأخضر والأزرق بقيمة من 0 إلى 255. الصيغة ذات 3 خانات تكرر كل خانة، ولا تعني وضع أصفار بينها.
الأداة تعمل بألوان sRGB المعتمة وتقبل HEX من 3 أو 6 خانات. امتداد الرمز إلى 8 خانات يضيف شفافية في CSS، لكنه خارج نطاق هذا المحول الحالي.
HSL يغيّر طريقة التفكير في اللون
يصف HSL درجة اللون والتشبع والإضاءة. يساعد عند التفكير في لون أقل تشبعًا أو أفتح، بدل تعديل ثلاث قنوات لونية دون تصور واضح.
الإضاءة في HSL ليست مقياسًا موحدًا لما تراه العين. تساوي نسبتها بين لونين لا يضمن تساوي سطوعهما المدرك أو صلاحيتهما للنص.
التحويل لا يختبر كل قرار تصميم
افحص لون النص مع خلفيته الفعلية عندما تكون القراءة هي الهدف. رمز صحيح أو معاينة جميلة وحدهما لا يثبتان تباينًا مناسبًا.
واحتفظ بالمرجع الأصلي إذا انتقلت إلى طباعة أو مساحة لونية أخرى. هذا المحول ليس معايرة شاشة ولا تحويل CMYK، وقد تظهر فروق تقريب صغيرة عند إعادة كتابة HSL ثم الرجوع لقنوات 8 بت.
مثال: من رمز قصير إلى قيم قابلة للنقل
الرمز #369 يتمدد إلى #336699. الأزواج 33 و66 و99 تعني RGB بقيم 51 و102 و153، وليس 3 و6 و9. وصف اللون نفسه في HSL هو 210 درجة و50% تشبع و40% إضاءة.
هذه أوصاف للون نفسه، وليست ثلاثة ألوان متدرجة. إذا جعلت الإضاءة 60% فقد اخترت لونًا آخر؛ وإذا أضفت قناة شفافية فقد أدخلت قرارًا إضافيًا لا يمثله المثال المعتم الأصلي.