منتقي الألوان والمحول

نماذج الألوان

نموذج الألوان هو نظام لوصف الألوان كأرقام. تُستخدم نماذج مختلفة في سياقات مختلفة حسب ما إذا كان الإخراج شاشة أو طابعة أو مواصفات تصميم.

RGB / RGBA

التنسيق

RGB يحدد الألوان بمزج الضوء الأحمر والأخضر والأزرق. كل قناة تتراوح من 0 إلى 255. rgb(255, 0, 0) هو أحمر نقي. rgb(255, 255, 255) هو أبيض. قناة A (ألفا) تضيف الشفافية، وتتراوح من 0 (شفاف تمامًا) إلى 1 (معتم تمامًا). على سبيل المثال، rgba(255, 0, 0, 0.5) هو أحمر شبه شفاف. RGB هو نموذج الألوان الأصلي للشاشات والعروض الرقمية.

التاريخ

يعود نموذج RGB إلى نظرية يونغ-هيلمهولتز للرؤية اللونية ثلاثية الألوان من القرن التاسع عشر. أجرى جيمس كلارك ماكسويل أول تجارب تصوير بالألوان RGB عام 1861. أصبح RGB المعيار للعروض الإلكترونية مع تطوير تلفزيونات CRT الملونة في ثلاثينيات وأربعينيات القرن العشرين، واعتُمد لاحقًا لشاشات الكمبيوتر. تم اعتماد فضاء ألوان sRGB رسميًا كمعيار ويب في HTML 3.2 في يناير 1997.

HEX / HEXA

التنسيق

HEX هو ترميز مختصر لقيم RGB باستخدام النظام السداسي عشري. #FF0000 هو نفس rgb(255, 0, 0). كل زوج من الأرقام السداسية عشرية يمثل قناة واحدة: #RRGGBB. الشكل ذو 8 أرقام #RRGGBBAA يضيف قناة ألفا، حيث 00 شفاف تمامًا وFF معتم تمامًا. على سبيل المثال، #FF000080 هو أحمر بشفافية 50%. الأشكال المختصرة مثل #F00 تتوسع إلى #FF0000.

التاريخ

نشأ ترميز الألوان السداسي عشري في متصفحات الويب المبكرة في منتصف التسعينيات. ورثت الإصدارات الأولى من Mosaic وNetscape Navigator نظام أسماء ألوان X11. نشر CSS Level 1 في ديسمبر 1996 بواسطة هاكون ويم لي وبيرت بوس، ورسّخ الثلاثيات السداسية عشرية كالطريقة الأساسية لتحديد الألوان على الويب.

HSL / HSLA

التنسيق

HSL يصف اللون كتدرج وتشبع وإضاءة. التدرج هو درجة على عجلة الألوان (0-360): 0 أحمر، 120 أخضر، 240 أزرق. التشبع (0-100%) يتحكم في كثافة اللون. الإضاءة (0-100%) تتحكم في السطوع، حيث 0% أسود و100% أبيض. HSL غالبًا أكثر بديهية من RGB لاختيار الألوان لأنه يمكنك ضبط السطوع والتشبع بشكل مستقل.

التاريخ

وُصف HSL لأول مرة بواسطة جورج جوبلوف ودونالد غرينبيرغ في ورقة بحثية عام 1978 في Computer Graphics. تم إنشاؤه لحل مشكلة أساسية في RGB: مزج قيم الأحمر والأخضر والأزرق غير بديهي للبشر. يعيد HSL ترتيب فضاء ألوان RGB بحيث يمكن للفنانين والمصممين التفكير بمصطلحات اللون (التدرج) والحيوية (التشبع) والسطوع (الإضاءة)، مما يتوافق أكثر مع كيفية وصف الناس للألوان بشكل طبيعي.

HSV / HSB

التنسيق

HSV (التدرج والتشبع والقيمة) مشابه لـ HSL لكنه يستخدم "القيمة" (السطوع) بدلاً من الإضاءة. عند قيمة 100%، تكون الألوان المشبعة تمامًا نقية ومشرقة. يتوافق HSV بشكل أكثر طبيعية مع كيفية عمل منتقيات الألوان: لوحة التشبع/السطوع تضبط S وV بينما شريط التدرج يضبط H.

التاريخ

وُصف HSV بواسطة ألفي راي سميث في أغسطس 1978 أثناء عمله في مختبر رسومات الكمبيوتر بمعهد نيويورك للتكنولوجيا. نُشر في نفس عدد Computer Graphics مع HSL. صمم سميث HSV للاستخدام في برنامج رسم رقمي مبكر، حيث احتاج الفنانون إلى طريقة بديهية لاختيار الألوان على الشاشة. نموذج أسطوانة HSV جعله طبيعيًا للتنفيذ كمنتقي ألوان مع شريط تدرج ولوحة تشبع/سطوع.

CMYK

التنسيق

CMYK (سماوي وأرجواني وأصفر وأسود) يُستخدم في الطباعة. بينما RGB إضافي (ضوء)، CMYK طرحي (حبر). كل قيمة تمثل نسبة ذلك الحبر المطبق. cmyk(0, 100, 100, 0) ينتج اللون الأحمر. التحويل بين RGB وCMYK تقريبي لأنهما يغطيان نطاقات ألوان مختلفة.

التاريخ

تعود أسس CMYK إلى جاكوب كريستوف لي بلون الذي اخترع طباعة الألوان النصفية باستخدام ألواح نحاسية منفصلة حوالي عام 1710. استخدم في البداية ألواحًا بالأحمر والأصفر والأزرق، وأضاف لاحقًا لوحًا أسود لخطوط ونصوص أوضح. تم تنفيذ عملية CMYK الحديثة ذات الأربعة ألوان لأول مرة في تسعينيات القرن التاسع عشر لرسومات الصحف الملونة. يُسمى اللوح الأسود لوح "المفتاح" لأنه يحمل التفاصيل الدقيقة التي تتم محاذاة الألواح الأخرى عليها.

تنسيقات ألوان CSS

يدعم CSS الحديث عدة ترميزات للألوان:

• #FF5733 أو #ff5733 (HEX)
• rgb(255, 87, 51) أو rgba(255, 87, 51, 0.5)
• hsl(14, 100%, 60%) أو hsla(14, 100%, 60%, 0.5)
• ألوان مسماة: red, cornflowerblue, rebeccapurple (148 لونًا مسمى إجمالاً)