ما هو محوّل أكواد الألوان؟

يحوّل محوّل أكواد الألوان أي قيمة لون إلى HEX وRGB وHSL وCMYK وHSV في الوقت نفسه. اكتب الكود، أو الصق اسم لون CSS مثل rebeccapurple، أو انقر على المربّع لاختيار اللون بصريًا، وستتحدّث كل الصيغ الأخرى فورًا لتنسخ ما تحتاجه ورقة الأنماط أو ملف الطباعة.

اكتب أو الصق قيمة بأي صيغة (‎#FF5733، ‎rgb(255,87,51)، ‎hsl(11,100%,60%)، ‎cmyk(0%,66%,80%,0%)، ‎hsv(11,80%,100%)) أو اسم لون من CSS مثل tomato أو cornflowerblue. ستكتشف الأداة الصيغة وتملأ الصيغ الأربع الأخرى. مربّع المعاينة بجوارها يؤكّد أن القيمة فُسِّرت بشكل صحيح، والنقر عليه يفتح منتقي الألوان الأصلي على جهازك لاختيار أي درجة بصريًا. مفيد حين يعطيك ملف التصميم صيغة بينما تطلب ورقة الأنماط أو برنامج التصميم أو المطبعة صيغة أخرى.

كيفية الاستخدام

1. الخطوة 1 - أدخل قيمة لون بأي صيغة مدعومة، أو اسم لون من CSS مثل tomato (مثل #FF5733، أو rgb(255,87,51)، أو hsl(11,100%,60%)).
2. الخطوة 2 — تكتشف الأداة تلقائيًا صيغة الإدخال وتحوّلها إلى جميع الصيغ الأخرى في الوقت الفعلي.
3. الخطوة 3 - انسخ أي قيمة محوّلة بالنقر عليها، أو انقر على معاينة اللون لفتح منتقي ألوان بصري واختيار درجة جديدة.

متى تستخدم

• تحويل ألوان الهوية البصرية من HEX إلى CMYK قبل إرسال الملف للمطبعة.
• قراءة قيمة RGB من لقطة شاشة وإعادتها إلى HEX لاستخدامها في CSS.
• التحقّق من قيمة HSL التي أرسلها المصمّم مقارنةً بـ HEX المرجعي في دليل الهوية.

النتيجة

لدى مطوّر ويب لون العلامة التجارية #2196F3 من ملف تصميم ويحتاج قيمة RGB لتحريك CSS — تعرض الأداة فورًا rgb(33, 150, 243) مع المكافئات بصيغ HSL وCMYK.

الأسئلة الشائعة

لماذا تختلف قيمة CMYK قليلاً عمّا أراه في برنامج الطباعة؟

الشاشة تستعمل RGB الجمعي والمطبعة CMYK الطرحي. الأداة تطبّق المعادلة المعيارية، لكن ملفّات تعريف الطباعة التجارية (FOGRA39، GRACoL) تعدّل النسب وفق الحبر والورق الفعلي. اعتبر مخرجات CMYK نقطة بداية قريبة لا قيمة نهائية.

ماذا يحدث إذا أدخلت قيمة غير صالحة مثل ‎#ZZZ؟

تظل بقية الحقول فارغة ويختفي اللون من مربّع المعاينة. الأداة لا تحدّث المخرجات إلا حين تطابق المدخلات إحدى الصيغ الصحيحة، فلا تظهر لك تحويلات منقوصة قد تضلّلك.

هل تعمل صيغ HEX المختصرة مثل ‎#F53؟

نعم. الـ HEX ذو الأرقام الثلاثة اختصار للستّة، إذ ‎#F53 يكافئ ‎#FF5533، وتقبل الأداة الصيغتين. المخرج دائماً بستّة أرقام كاملة كي لا يقع التباس عند نسخه إلى مكان آخر.

ما الفرق بين HSL و HSV؟

الاثنان يبدآن بدرجة اللون (Hue)، لكن HSL يقيس الإضاءة من الأسود إلى الأبيض، بينما HSV (يسمّى أيضًا HSB) يقيس السطوع بالنسبة للّون النقي. أصبحت هذه الأداة تعرض الآن HSL وHSV معًا، لأن CSS تستخدم HSL وPhotoshop يستخدم HSV، والمصممون كثيرًا ما يحتاجون التحويل بينهما.

هل تدعم الأداة قناة الشفافية (alpha)؟

ليس في هذا المحوّل. صيغ HEX و RGB و HSL و CMYK هنا كلّها ألوان مصمتة. للشفافية تُستخدم HEX بثمانية أرقام (‎#RRGGBBAA) أو ‎rgba()، وهما خارج الصيغ الأربع التي بُنيت الأداة للتحويل بينها.

أدوات ذات صلة