المحتوى
اللون نفسه بصيغ مختلفة
يقرأ المحول لون sRGB بصيغة HEX أو RGB أو HSL ثم يكتب الرمز المكافئ بصيغة أخرى. وتظهر العينة فوق خلفية مربعات لكي تبقى الشفافية واضحة.
ابدأ بما لديك من رمز أو قيم قنوات، ثم اختر طريقة الكتابة التي تحتاجها في CSS. تتغير الحقول حسب الصيغة، فلا يلزم ملء جميع الصيغ في وقت واحد.
اختبر التحويل بثلاثة ألوان
إذا أدخلت #336699 حصلت على rgb(51,102,153) أو hsl(210,50%,40%). تختلف الأرقام وطريقة الكتابة، لكن العينة الزرقاء واحدة.
أدخل القنوات R بقيمة 255 وG بقيمة 0 وB بقيمة 0. تظهر صيغة HEX #FF0000، وفيها يملأ الأحمر مجاله فيما تبقى القناتان الأخريان عند الصفر.
الرمز #00000080 يعطي rgba(0,0,0,0.502). الزوج الأخير يساوي 128 من أصل 255 درجة عتامة، لذلك تسمح العينة برؤية الخلفية.
ما الذي تقبله حقول الإدخال؟
اختر صيغة المصدر أولًا. يقبل HEX ثلاثة أو أربعة أو ستة أو ثمانية رموز سداسية عشرية، ويمكن حذف # عند الإدخال. تتراوح كل قناة RGB الصحيحة بين 0 و255. في HSL تقع درجة اللون بين 0 و360°، والتشبع والإضاءة بين 0 و100%. قيمة ألفا بين 0 و1. بعدها اختر صيغة هدف مختلفة.
في HEX ذي الثمانية رموز يكون الترتيب #RRGGBBAA، حيث يشغل ألفا الزوج الأخير. توضح مواصفة CSS Color هذه القاعدة لألوان sRGB، لكنها ليست قاعدة عامة لكل صيغ ملفات الصور.
التقريب لا يغير القاعدة
تُقرب قنوات RGB إلى أعداد صحيحة، وتظهر قيم HSL حتى منزلة عشرية واحدة وألفا حتى ثلاث منازل. لذلك قد تختلف آخر خانة عند الرجوع إلى الصيغة الأصلية. لا يحول المحول CMYK أو Display P3، ولا يحسب تباين النص؛ فهذا يحتاج لون النص ولون خلفيته معًا.
أسئلة عن رموز الألوان
تساعد معرفة الرمز المختصر وقناة الشفافية على استخدام النتيجة في CSS كما ينبغي.
هل يجب كتابة # مع HEX؟
لا. يمكن حذفه في الإدخال، ويضيفه المحول إلى رمز HEX الناتج.
ماذا يعني الرمز #3A7؟
يُكرر كل رمز مرة، فيصبح الشكل الكامل #33AA77.
لماذا تظهر درجة اللون 0° للرمادي؟
عند تشبع 0% لا يؤثر تغيير الدرجة في اللون، لذا تُعرض 0° قيمة ثابتة.
هل 360° تختلف عن 0°؟
لا. تدور درجة اللون في دائرة، ويعود 360° إلى نقطة البداية.
هل تكفي المعاينة للحكم على وضوح النص؟
لا. يجب حساب التباين بين لون النص ولون الخلفية، وليس النظر إلى لون واحد.
آلات حاسبة مماثلة
قد تجد الآلات الحاسبة التالية على نفس الموضوع مفيدة:
- مولد كلمات مرور اونلاين. تأكد من أمان حساباتك بكلمات مرور قوية ومعقدة باستخدام مولد كلمات المرور.
- محرر HTML اونلاين. حرر HTML واحصل على نتائج مباشرة في وضع العرض لتحقق من التغييرات.
- حاسبة تحويل الثنائي إلى العشري. حول الأرقام الثنائية إلى عشرية بكل دقة.
- حاسبة تحويل الثنائي إلى الثماني. حول الأرقام الثنائية إلى ثمانية بكل دقة.
- حاسبة تحويل الثنائي إلى السداسي عشر. حول الأرقام الثنائية إلى سداسي عشر بكل دقة.
- حاسبة تحويل العشري إلى الثنائي. حول الأرقام العشرية إلى ثنائية بكل دقة.
- حاسبة تحويل العشري إلى الثماني. حول الأرقام العشرية إلى ثمانية بكل دقة.
- حاسبة تحويل العشري إلى السداسي عشر. حول الأرقام العشرية إلى سداسي عشر بكل دقة.
- حاسبة تحويل الثماني إلى الثنائي. حول الأرقام الثمانية إلى ثنائية بكل دقة.
- حاسبة تحويل الثماني إلى العشري. حول الأرقام الثمانية إلى عشرية بكل دقة.
شارك على وسائل التواصل الاجتماعي
إذا أعجبك ذلك، يرجى مشاركة الآلة الحاسبة على منصات التواصل الاجتماعي الخاصة بك. إنه سهل بالنسبة لك ومفيد لترويج المشروع. شكراً لك!