صيغ الألوان باختصار
- HEX: الصيغة الأشهر بالمواقع والتصميم، ستّ خانات بالنظام الست عشري لكل من الأحمر والأخضر والأزرق، مثلاً
#1E90FF. ولو في شفافية بتصير 8 خانات (HEXA) مثل#1E90FF80. - RGB وRGBA: كمية الأحمر والأخضر والأزرق من 0 لـ 255، ومعها الشفافية من 0 لـ 1. هي نفس معلومات HEX بس بالنظام العشري.
- HSL: درجة اللون (Hue) من 0 لـ 360، والإشباع والإضاءة بالنسبة المئوية. مريحة لما بدك تفتّح أو تغمّق لون بدون ما يتغيّر.
- HSV أو HSB: متل HSL بس بالسطوع بدل الإضاءة، وهي اللي بتلاقيها بمنتقي الألوان بفوتوشوب وفيغما.
- CMYK: نِسَب الحبر السماوي والأرجواني والأصفر والأسود للطباعة. التحويل هون رياضي مباشر، أما المطابع فبتستعمل ملفات ألوان (ICC) خاصة، فاعتبر النتيجة نقطة بداية واطلب بروفة من المطبعة للألوان المهمة.
- OKLCH: صيغة حديثة بـ CSS بتمشي مع إحساس العين: الإضاءة والكروما والدرجة. ممتازة لتعمل درجات متناسقة من نفس اللون.
دقة التحويل
الأداة بتحتفظ باللون بالكسور، وبتعرض HSL وHSV وCMYK بخانة عشرية وحدة وOKLCH بدقة أعلى، لهيك لما تنسخ أي صيغة وترجع تلصقها بيرجعلك نفس كود HEX بالضبط. وبتقبل كمان الأرقام العربية (٠١٢…) وأسماء الألوان بالعربي متل "أحمر" و"كحلي".
كل الحسابات بتصير بمتصفحك، وما في شي بينبعت لأي مكان.
أسئلة شائعة
- كيف أحول كود HEX إلى RGB؟
- كل خانتين من الكود رقم بالنظام الست عشري: مثلاً #1E90FF يعني 1E = 30 للأحمر، 90 = 144 للأخضر، FF = 255 للأزرق، يعني rgb(30, 144, 255). الأداة بتعملها فوراً.
- ما الفرق بين HSL وHSV؟
- الاتنين بيبلشوا بدرجة اللون والإشباع، بس بـ HSL الإضاءة 100% دايماً أبيض، أما بـ HSV السطوع 100% يعني أنصع نسخة من اللون. HSL أنسب لـ CSS، وHSV هي اللي بتستعملها برامج التصميم.
- هل تحويل RGB إلى CMYK دقيق للطباعة؟
- هو تحويل رياضي تقريبي. الطباعة الحقيقية بتعتمد على نوع الورق والحبر وملف الألوان (ICC)، فبعض الألوان الزاهية على الشاشة ما بتطلع بنفس الشكل مطبوعة.
- كيف أكتب لون شفاف بـ CSS؟
- استعمل rgba(30, 144, 255, 0.5) أو HEX من 8 خانات مثل #1E90FF80، أو الصيغة الحديثة rgb(30 144 255 / 50%). حرّك شريط الشفافية بالأداة وانسخ الصيغة اللي بتناسبك.
