محوّل الألوان

هذه كلها تصف الأرقام الثلاثة نفسها. فللشاشة بكسلات فرعية حمراء وخضراء وزرقاء، وكل صيغة هنا طريقة أخرى لقول كم يسطع كل واحد منها. والتحويلات حساب دقيق لا تقريبات — عدا CMYK، وهي مشروحة أدناه.

وHEX هي RGB مكتوبة بالأساس 16. رقمان ستّ عشريان لكل قناة، من 0 إلى 255 لكل منها. والاختصار ذو الأرقام الثلاثة يضاعف كل رقم، فـ#f0a هي #ff00aa — لا #f00a00، وهو ما ينتجه محلّل ساذج ويخطئ فيه عدد مفاجئ من الأدوات.

وHSL وHSV الفكرة نفسها من طرفين مختلفين. فكلتاهما تبدأ بزاوية صبغة على عجلة الألوان. وإضاءة HSL تجري من الأسود مرورًا باللون الصافي عند 50% إلى الأبيض، ولهذا هي جيّدة لبناء سلّم درجات. وقيمة HSV تجري من الأسود إلى اللون الصافي عند 100%، وهو ما يعرضه عليك مربّع منتقي الألوان في أداة تصميم.

وCMYK هي التقريب الصادق هنا. فالشاشات تبعث الضوء وتجمع الألوان؛ والحبر يمتصّ الضوء ويطرحها. والتحويل المعروض هو الحسابي المعياري، وهو مقبول لفكرة تقريبية — لكن عمل طباعة حقيقيًا يحتاج ملفّ ألوان للمطبعة والورق بعينهما، والأرقام ستختلف.

وأين يظهر هذا فعلًا. يعطيك دليل هويّة #4d7c0f. وتحتاج CSS نسخة شفّافة لحالة التحويم، فتحتاجها بصيغة rgb() لتضيف قناة شفافية. ويطلبها مصمّم بصيغة HSL ليبني درجات أفتح بتحريك رقم واحد. ويطلبها المطبعجي بصيغة CMYK. لون واحد، وأربع صيغ، ونسخ الأرقام يدويًا هو حيث يتسلّل الخطأ المطبعي.

والبحث بالاسم أنفع ممّا يبدو. فهناك 148 اسم لون في CSS، والقيمة الستّ عشرية التي تطابق واحدًا منها بالضبط تستحق المعرفة — فقراءة rebeccapurple في ورقة أنماط أيسر من قراءة #663399، وهي تخبرك أن القيمة اختيرت عمدًا لا التُقطت بقطّارة.

ورقم الإضاءة هو ما ينبغي مراقبته. فهو القياس نفسه الذي بُنيت عليه معادلة التباين في WCAG، وهو يخبرك على أي جانب من خطّ الفاتح والداكن يجلس اللون. وإن كنت تختار لون نصّ ليعلو خلفية، فذلك هو الرقم الذي يقرّر — وفاحص التباين يجري الحساب كاملًا.

ولبناء سلّم كامل من لون واحد لا لتحويل قيمة مفردة، مولّد اللوحات ينتج سلّم 50–900 ومخطّطات التناغم.