محول الألوان: حوّل من HEX إلى RGB وHSL والمزيد مجاناً عبر الإنترنت

لون واحد، لغات عدة

تصدّر أدوات التصميم HEX، ويكتب المطورون RGB، وتتوقع الطابعات CMYK، ويفكر المصممون في HSL. التحويل بين صيغ الألوان يُبقي اللون الواحد متسقاً عبر كل سير عمل.

الدرجة نفسها مكتوبة بالطريقة التي تتحدث بها كل أداة.

يحوّل ChooseTools الألوان محلياً داخل متصفحك مع معاينة مباشرة.

بدون محول، يضيع الفرق الوقت في إعادة حساب القيم يدوياً، ما يُدخل أخطاء تقريب وتناقضات بصرية تظهر في الإنتاج.

كيف تحوّل لوناً

من المنتقى إلى كل صيغة في آن واحد.

أدخل قيمة لون HEX أو RGB أو HSL أو لون CSS مُسمّى، وتتحدث كل التمثيلات الأخرى إلى جانب عينة بصرية.

التحويل محلي وفوري.

يمكنك أيضاً لصق قيمة مباشرة من الحافظة، سواء جاءت من ملف رمز تصميم أو دليل أنماط أو فاحص المتصفح.

شرح HEX وRGB وHSL في الاستخدام

يُكثّف HEX الأحمر والأخضر والأزرق في ستة أرقام لأوراق الأنماط.

يناسب RGB السكربتات وواجهات البرمجة؛ ويعبّر HSL عن الصبغة والتشبع والإضاءة للتعديلات.

تخدم كل رؤية محادثة مختلفة حول اللون نفسه.

فهم متى تستخدم كل صيغة يوفّر الوقت: HEX لإعلانات CSS السريعة، وRGB للدمج البرمجي، وHSL لتعديل السطوع دون تخمين قيم المكونات.

من التصميم إلى الكود بلا رحلات ذهاب وعودة

التقط عينة من ملفات التصميم واستلم قيمة CSS الدقيقة.

اضبط HSL للتنويعات، ثم صدّر HEX الذي تضعه في الثيم.

ينجو قصد التصميم من عملية التسليم.

الفرق التي تحوّل الألوان عند نقطة التسليم تتجنب الخلل الشائع حيث يمرّر المصمم ثلاثي RGB تقريبياً وينفّذ المطور درجة خاطئة قليلاً.

دقة عبر الصيغ لأنظمة العلامات التجارية

تحتاج ألوان العلامات التجارية قيماً متسقة عبر الويب والطباعة والهندسة.

يوفّق المحول كل تمثيل رياضياً.

درجة واحدة، متطابقة في كل مكان.

عندما يحدد دليل العلامة التجارية لون بانتون 286 C، فإن تحويله إلى متغيرات HEX وRGB وCMYK يضمن أن كل نقطة تلامس تعرض الهوية نفسها.

اعتبارات العتامة والألفا والشفافية

تحمل بعض الصيغ قناة ألفا للطبقات شبه الشفافة، بينما لا تحمل أخرى.

عند التحويل من RGBA إلى HEX، يجب معالجة قيمة الألفا منفصلة أو تحويلها إلى تدوين HEX من ثمانية أرقام تدعمه بعض المتصفحات الحديثة.

الوعي بسلوك الألفا يمنع المفاجآت عندما تُعرض مكونات الواجهة المتراكبة بشكل مختلف عن قصد التصميم.

بناء لوحات متناغمة من درجة واحدة

بمجرد تحويل اللون الأساسي إلى HSL، فإن ضبط عجلة الألوان ثلاثين أو ستين درجة ينتج لوحات تكميلية ومتقاربة تلقائياً.

إبقاء التشبع ثابتاً مع تحويل الإضاءة يخلق درجات أفتح وأغمق تعمل كأزواج خلفية ونص أمامي.

البدء من تحويل موثوق يضمن أن كل عضو في اللوحة يتشارك الأصل في فضاء الألوان نفسه.

إمكانية الوصول وفحص التباين

تتطلب إرشادات إمكانية الوصول لمحتوى الويب نسب تباين دنيا بين لون النص ولون الخلفية.

بعد تحويل زوج ألوان، تكشف مقارنة قيم إضاءتهما ما إذا كان المزيج يجتاز عتبتَي AA أو AAA.

المصممون الذين يحوّلون ثم يفحصون التباين في الجلسة نفسها يلتقطون إخفاقات إمكانية الوصول قبل وصول الكود إلى الإنتاج.

فالنص الرمادي الفاتح على خلفية بيضاء، على سبيل المثال، يتحول إلى نسبة تباين أقل بكثير من الحد 4.5 إلى 1 المطلوب لمنتصف النص، ما يشير إلى أن المقدمة أو الخلفية تحتاج تعديلاً.

التدرجات والاستيفاء عبر الصيغ

يتوقف عرض التدرجات السلسة في CSS على الاستيفاء بين قنوات المكونات لصيغة مختارة.

تحويل لوني الطرفين إلى RGB قبل بناء التدرج ينتج المزج الأكثر قابلية للتنبؤ، بينما يمكن أن يمر استيفاء HSL عبر درجات وسيطة غير متوقعة.

فهم كيفية استيفاء صيغة ما يساعد المطورين على اختيار التمثيل الصحيح للأزرار والرسوم البيانية وتصوير البيانات.

هندسة ألوان خاصة

تُحوَّل اللوحات قيد التطوير على الجهاز.

لا رفع، لا حساب، لا علامة مائية — عبر المنصات كلها.

أسرار العلامة التجارية تبقى داخل الاستوديو.

تبقى مخططات الألوان قبل الإطلاق للمنتجات أو الحملات الموسمية غير مرئية للأطراف الثالثة عندما يحدث التحويل محلياً.

عمل الألوان ضمن حزمة الصور

اقرنها باستخراج منتقي الألوان وتعديلات مرشحات الصور للحصول على سير عمل ألوان كامل.

الحزمة مجانية وتعمل داخل المتصفح.

كل درجة، بكل تدوين، فوراً.

ابتداءً من قيمة لون محوّلة، يمكنك تطبيق المرشحات أو توليد التدرجات أو إنشاء لوحات متناغمة دون مغادرة المتصفح.