محول الألوان
تحويل دقيق ومباشر بين أنظمة الألوان HEX وRGB وHSL وCMYK وHSV.
قد يرسل لك المصمم درجة لونية بصيغة hsl(174, 62%, 41%) بينما يتطلب ملف CSS استخدام أكواد سداسية عشرية، أو تطلب منك المطبعة نسب CMYK المئوية لشعار تم إعداده أساساً بنظام RGB للشاشات. كل هذه القيم تعبر عن اللون ذاته لكن بلغات تقنية متباينة، والتحويل بينها يحتاج إلى مطابقة حسابية دقيقة بدلاً من التخمين.
مقارنة بين أنظمة الألوان في محول الألوان
| النظام | البنية الحسابية | مجال الاستخدام الشائع |
|---|---|---|
| HEX | #RRGGBB, base-16 | تطوير CSS وHTML وتطبيقات التصميم |
| RGB | red, green, blue, 0–255 each | الشاشات والعرض الرقمي |
| HSL | hue, saturation, lightness | بناء اللوحات اللونية وضبط التدرجات |
| CMYK | cyan, magenta, yellow, key (black), % | أعمال الطباعة الورقية |
فائدة نظام HSL في أدوات محول الألوان
يعتمد نظاما HEX وRGB على تحديد كميات الضوء الأحمر والأخضر والأزرق المتداخلة لإنتاج اللون، وهي طريقة دقيقة برمجياً لكنها صعبة التقدير البشري؛ إذ يصعب استنتاج كيفية تفتيح كود مثل #2E86AB بمجرد قراءة أرقامه. في المقابل، يوزع نموذج HSL الخصائص إلى تدرج اللون وتشَبعه ودرجة إضاءته في ثلاثة مسارات مستقلة، مما يجعل تفتيح الدرجة الزرقاء نفسها أمراً بسيطاً عبر رفع قيمة الإضاءة وحدها مع إبقاء التدرج والتشبع دون تغيير.
لهذا السبب تعتمد برامج التصميم ومنظومات توليد اللوحات اللونية على عجلة HSL لاختيار الدرجة ثم ضبط التشبع والإضاءة، فهذا التوزيع يتماشى مع إدراك العين الطبيعي للألوان بدلاً من طريقة العرض الرقمي على الشاشات.
اختلاف فيزياء الطباعة والشاشات مع محول الألوان
يعمل نظام RGB بآلية إضافية؛ حيث تبدأ المساحة بسواد تام وتُضاف حزم ضوئية حمراء وخضراء وزرقاء وصولاً إلى اللون الأبيض. بينما يعمل نظام CMYK بآلية طرحية؛ إذ يبدأ العمل بورقة بيضاء تعكس الضوء، وتُطرح درجات الإضاءة تدريجياً عبر طبقات أحبار السماوي والقرمزي والأصفر والأسود. ونظراً لاختلاف الوسطين الفيزيائيين، لا تمتلك كل ألوان RGB مقابلاً مطابقاً تماماً في طباعة CMYK.
الألوان الشديدة التوهج والتشبع على الشاشات تقع غالباً خارج النطاق الذي تستطيع الأحبار الورقية إنتاجه، ولهذا قد يظهر الشعار المطبوع أقل بريقاً من مظهره على الشاشة الرقمية مهما بلغت دقة معادلة التحويل.
طريقة استخدام محول الألوان
- أدخل القيمة اللونية في الحقل المخصص بأي صيغة مدعومة مثل HEX أو RGB أو HSL أو CMYK.
- انقر على زر التحويل بعد تجاوز التحقق الأمني لمعالجة البيانات بدقة على الخادم.
- استخرج النتيجة الموازية بصيغ HEX أو RGB أو HSL أو CMYK أو HSV لاستخدامها في التعليمات البرمجية أو التصميم.
- راجع نسب CMYK المحسوبة مع ملف الألوان المعتمد لدى مطبعتك قبل اعتماد التنفيذ النهائي.
أسئلة شائعة حول محول الألوان
لماذا يختلف مظهر اللون عند الطباعة عن ظهوره في محول الألوان والشاشة؟
تعتمد الشاشات على بث الضوء بنظام RGB، بينما تعتمد الطباعة على امتصاص الضوء عبر الأحبار بنظام CMYK ولكل منهما مدى لوني مختلف، وبعض التدرجات الرقمية الفاقعة تقع خارج قدرة الأحبار الفيزيائية على الورق.
ما الفرق العملي بين نظامي HSL وHSV؟
النظامان متقاربان، لكن HSL يقيس الإضاءة من السواد الكامل مروراً باللون الصافي وحتى البياض المطلق، بينما يقيس HSV القيمة أو السطوع من السواد إلى الدرجة اللونية الصافية فقط، مما ينتج عنه تفاوت طفيف في نسب التشبع.
هل شفرة HEX مجرد تمثيل بديل لقيم RGB؟
نعم تماماً؛ فالكود #2E86AB يمثل قيم RGB الثلاث ذاتها وهي 46 و134 و171 ولكن بالنظام الست عشري base-16 بدلاً من النظام العشري المعتاد base-10، وذلك لتسهيل تداوله وكتابته داخل ملفات التنسيق.
لماذا ينتج اختلاف طفيف عند تحويل RGB إلى CMYK ثم العودة إلى RGB؟
نظراً لعدم تطابق النطاقين اللونيين؛ فاللون الواقع خارج مساحة ألوان الأحبار يُقرب إلى أقرب بديل قابل للطباعة أثناء التحويل، وعند إعادة تحويل القيمة الناتجة إلى RGB يتم احتساب اللون المقرب الجديد وليس الأصل.
ما هي الصيغة الأنسب للاستخدام في ملفات تنسيق المواقع CSS؟
صيغتا HEX وRGB متوافقتان تماماً مع المتصفحات؛ تمنحك HEX حجماً نصياً أقصر بينما يسهل استخدام RGB عند إعداد الشفافية، في حين يظل نظام HSL الخيار الأكثر مرونة عند الرغبة في معايرة التباين والسطوع يدوياً.