محوّل الألوان (HEX, RGB, HSL)
حوّل الألوان بين HEX وRGB وHSL وHSV. الصق لوناً في كل سطر، بما في ذلك HEX المختصر وrgb() وhsl()، وانقر أي عيّنة لنسخ قيمة HEX.
حوّل الألوان بين HEX وRGB وHSL وHSV في الاتجاهين. الصق لوناً واحداً في كل سطر - بما في ذلك HEX المختصر بثلاثة أحرف وقيم rgb() وhsl() - واحصل على كل التمثيلات دفعة واحدة، مع عيّنة يمكنك النقر عليها لنسخ رمز HEX.
وهذا مفيد عندما تعطيك أداة تصميم قيمة HSL بينما يستخدم CSS الذي ورثته قيمة HEX، أو عندما تحتاج إلى ثلاثي RGB لـ canvas أو لملف موارد في Android، أو عندما تراجع لوحة ألوان علامة تجارية وتريد أن ترى كيف تترابط درجاتها. ويتبع التحويل صيغ CSS القياسية، وتُحفظ قيم alpha عند تمريرها.
كيفية تحويل الألوان بين HEX وRGB وHSL وHSV
أدخل لوناً واحداً في كل سطر بأي صيغة مدعومة
اقرأ القيم المحوّلة إلى HEX وRGB وHSL وHSV
انقر على أي عيّنة لنسخ رمز HEX الخاص بها
الأسئلة الشائعة
ما الصيغ المقبولة كإدخال؟
HEX مثل #1a2b3c أو #abc، وrgb(26, 43, 60)، وrgba(...)، وhsl(210, 40%, 17%)، وhsla(...)، لوناً واحداً في كل سطر، مع اسم الدالة بحروف صغيرة أو بدونه.
هل يمكنني تحويل عدة ألوان دفعة واحدة؟
نعم، الصق لوحة ألوان كاملة - لوناً واحداً في كل سطر - ويُحوَّل كل سطر على حدة.
كيف أنسخ النتيجة؟
انقر على أي عيّنة لون ليُنسخ رمز HEX الخاص بها إلى الحافظة؛ ويمكن أيضاً تحديد الإخراج النصي ونسخه كأي نص آخر.
هل النتيجة مطابقة لدوال الألوان في CSS؟
نعم، تُستخدم صيغ sRGB القياسية، وتُقرَّب قيم HSL وHSV لتسهيل القراءة. وقد يزيح التقريب قناة واحدة بمقدار وحدة واحدة، وهو أمر غير مرئي عملياً.
هل تتعامل الأداة مع الشفافية؟
تُحفظ قيم alpha الممرَّرة في إدخال rgba() وhsla() داخل إخراج HEX كقيمة من ثمانية أرقام تتضمن الشفافية.
هل يُرسل أي شيء إلى خادم؟
لا، التحويل عملية حسابية بحتة تُنفَّذ داخل متصفحك.
بين أي صيغ لونية يمكنني التحويل؟
HEX وRGB وHSL وHSV، وهي الصيغ المستخدمة في CSS وأدوات التصميم والكود. أما CMYK فهي فضاء لوني للطباعة ولا يمكن استنباطها بدقة من قيم الشاشة، فتعامل مع أي رقم CMYK كدليل تقريبي لا كالتزام.
ماذا يخبرني فحص التباين؟
يخبرك هل يستوفي زوج النص والخلفية الحد الأدنى لنسب التباين في WCAG، أي 4.5:1 للنص العادي و3:1 للنص الكبير. وهذا غالباً ما يفرّق بين واجهة تجتاز مراجعة إمكانية الوصول وواجهة تفشل.
لماذا يبدو اللون نفسه مختلفاً في مكان آخر؟
تختلف الشاشات في مدى الألوان والسطوع والمعايرة. وsRGB هو الافتراض الآمن للويب، وقد تُقتطع الألوان المعرّفة خارج هذا النطاق إلى قيمة قريبة على شاشة عادية.
هل تُرسل بيانات ألواني إلى أي مكان؟
لا، يجري التحويل داخل متصفحك.
نظرة سريعة
| المدخل | نص |
|---|---|
| عدة ملفات | لا |
| مكان التشغيل | في متصفحك، ولا تُرفع الملفات أبداً |
| يعمل دون اتصال | نعم — بعد تحميل الصفحة |
| السعر | مجاني، بلا تسجيل وبلا علامة مائية |
أين تنكسر التحويلات بهدوء
معظم أخطاء التحويل لا تتعلق بالصياغة بل بالمعنى. فعمود من الرموز البريدية في ملف CSV يفقد أصفاره البادئة في اللحظة التي يخمّن فيها جدول البيانات أنه رقم؛ ومعرّف طويل يتجاوز دقة الفاصلة العائمة؛ والتواريخ يتغير معناها بحسب ما إذا كان اليوم أولاً أم الشهر أولاً. ومفاتيح JSON غير مرتبة أما المصفوفات فمرتبة، والأداة التي ترتب المفاتيح لا تغيّر شيئاً بينما التي ترتب المصفوفات تغيّر البيانات. وUnicode فخ آخر: فقد يصل النص بترميز UTF-8 أو UTF-16 أو مع علامة ترتيب البايتات، وفاكّ الترميز الذي يخمّن خطأً يحوّل المحارف المشكّلة إلى نص مشوّه. وقبل أن تثق بأي تحويل، افحص الصف الأول والأخير، وكل حقل فيه أصفار بادئة، وكل حقل يحتوي على علامات تنصيص أو فواصل أو أسطر جديدة.
اختيار صيغة البيانات
JSON هو الصيغة الافتراضية لكل ما تُرجعه واجهة API أو يقرأه برنامج: فهو يتعامل بطبيعته مع البنى المتداخلة والأرقام والقيم المنطقية وnull، وكل لغة تحلّله. أما CSV فأصغر حجماً ويُفتح مباشرة في جدول بيانات، لكنه لا يملك وسيلة للتعبير عن التداخل ولا معياراً مشتركاً للفاصل أو التنصيص أو مجموعة المحارف، وهذا بالضبط موضع الخطأ في التحويلات. أما XML فمطوّل لكنه يحمل السمات والمحتوى المختلط والمخططات، ولذلك ما زال مهيمناً على صيغ المستندات والتكاملات القديمة. وYAML هو الأسهل قراءةً في الإعدادات لكنه حساس للمسافات البيضاء وفيه إكراه مفاجئ للأنواع («no» تصبح false، وإصدار مثل 1.10 يصبح 1.1). فاختر الصيغة التي تفضّلها الأداة المستهلكة لا الصيغة الأجمل منظراً.