ماذا تفعل الأداة
تحلّل الأداة اللون الذي تُدخله، وتطبّق معادلات ألوان معيارية، وتعرض كل الصيغ المتكافئة جنباً إلى جنب. لا يُرسل أي شيء إلى خادم؛ فالحساب يجري محلياً في المتصفح، تماماً كما يُفسَّر كود CSS نفسه من جهة المستخدم دون اتصال إضافي.
كيفية الاستخدام
- اكتب كود HEX مثل #1a73e8، أو عبّئ حقول RGB أو HSL أو CMYK مباشرة.
- عدّل المنزلقات أو الأرقام حتى تطابق المعاينة المباشرة اللون الذي تريده.
- انسخ السطر الذي يحتاجه مشروعك: HEX لـ CSS، أو دالة rgb()، أو hsl()، أو نسب CMYK.
المميزات
- معاينة مباشرة للون تتحدث مع كل تعديل، فتتأكد من النتيجة قبل النسخ.
- تظهر الصيغ الأربع معاً، فلا حاجة للتنقل بين حاسبات منفصلة.
- تستمر الصفحة بالعمل دون اتصال بعد تحميلها، لأنها لا تحتاج طلباً متكرراً من الخادم.
حالات الاستخدام
- مطابقة قيمة HEX من ملف تصميم مع رمز hsl() مستخدم في ثيم CSS.
- الحصول على قراءة CMYK تقريبية قبل إرسال العمل للمطبعة، ثم التأكد بملف ICC الخاص بها.
- توضيح لزميل سبب اختلاف درجة الأزرق نفسها بين الشاشة والنسخة المطبوعة.
أمثلة
- #2563eb يقابل rgb(37, 99, 235).
- hsl(221 83% 53%) يقابل قيمة HEX شائعة للأزرق الأساسي في الواجهات.
أخطاء شائعة
- قيم CMYK على الشاشة تقريبية فقط؛ النتيجة المطبوعة تعتمد على نوع الورق وملف الحبر الخاص بالمطبعة.
- كود HEX من ثمانية خانات يتضمن قناة الشفافية (alpha)، وبعض البرامج القديمة تتوقع ست خانات فقط.
أسئلة شائعة
أي صيغة أنسب لـ CSS؟
يشيع استخدام HEX أو hsl() في CSS الحديث؛ فـ HEX أكثر إيجازاً للألوان الثابتة، وhsl() يسهّل تعديل درجة السطوع في حالات hover والتركيز. تبقى صيغة rgb() صحيحة بنفس القدر.
هل CMYK دقيق للطباعة؟
ليس على الشاشة. قيمة CMYK هنا للاستدلال فقط، وتحتاج الطباعة التجارية إلى ملف ICC الخاص بالمطبعة.
هل تُخزَّن ألواني؟
لا تُخزَّن أو تُرفع أي قيم؛ يتم التحويل بالكامل داخل جلسة المتصفح.
الخلاصة
لون مصدر واحد يُعبَّر عنه بدقة في كل صيغة يحتاجها المشروع — هذا ما يحافظ على اتفاق المطوّر والمصمم ومزوّد الطباعة على القيمة نفسها دون تخمين.
