دليل الأداة
إجابات سريعة، خطوات الاستخدام، وأمثلة — للقراءة والبحث.
نظرة سريعة
- الغرض
- تحويل قيمة لون واحدة بين HEX وRGB وHSL وCMYK.
- المدخل
- لون مكتوب أو مُنتقى بأي من الصيغ الأربع.
- المخرج
- نفس اللون بالصيغ الثلاث الأخرى جاهزاً للنسخ.
- يناسب
- العمل على CSS، أدلة الهوية البصرية، ومراجعات ما قبل الطباعة.
ماذا تفعل الأداة
تحلّل الأداة اللون الذي تُدخله، وتطبّق معادلات ألوان معيارية، وتعرض كل الصيغ المتكافئة جنباً إلى جنب. لا يُرسل أي شيء إلى خادم؛ فالحساب يجري محلياً في المتصفح، تماماً كما يُفسَّر كود CSS نفسه من جهة المستخدم دون اتصال إضافي.
كيفية الاستخدام
- 1الصق لوناً (HEX أو rgb() أو hsl() أو cmyk() أو اسم CSS مثل teal) أو اختره من مربع اللون.
- 2راجع المعاينة المباشرة وتلميحات التباين حتى يبقى النص على الخلفية مقروءاً.
- 3انسخ صيغة واحدة أو استخدم نسخ كل الصيغ لملف CSS أو التصميم أو الطباعة.
المميزات
- معاينة مباشرة مع نص عنوان ونص أساسي على اللون الذي اخترته.
- HEX وRGB وRGBA وHSL وHSLA وCMYK معاً مع نسخ بنقرة واحدة.
- قنوات RGB وتلميحات تباين WCAG للنص الأبيض والأسود.
- أمثلة جاهزة ودعم hex بدون # — كل شيء يعمل محلياً في متصفحك.
حالات الاستخدام
- مطابقة قيمة 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 الخاص بالمطبعة.
هل تُخزَّن ألواني؟
لا تُخزَّن أو تُرفع أي قيم؛ يتم التحويل بالكامل داخل جلسة المتصفح.
هل يمكن لصق hex بدون رمز #؟
نعم. قيم مثل 2563eb تُعامل كـ HEX. يمكنك أيضاً استخدام أسماء CSS الشائعة مثل navy أو teal.
الخلاصة
لون مصدر واحد يُعبَّر عنه بدقة في كل صيغة يحتاجها المشروع — هذا ما يحافظ على اتفاق المطوّر والمصمم ومزوّد الطباعة على القيمة نفسها دون تخمين.
