تخطَّ إلى المحتوى الرئيسي
Tooletto

مُحوِّل HEX إلى RGB

إعداد مسبق لأداة مُنتقي ومُحوِّل الألوان

حوّل رمز لون سداسي عشري إلى قيم RGB. يتوسع الاختصار مثل #abc بشكل صحيح إلى #aabbcc، وتُعرَض كل صيغة أخرى جنبًا إلى جنب حتى تأخذ ما يحتاجه كودك.

  • الملفات لا تغادر جهازك أبدًا
  • مجاني، بدون تسجيل
  • بدون علامات مائية
  • يعمل دون اتصال بعد التحميل
Loading tool…

كيفية استخدام مُنتقي ومُحوِّل الألوان

  1. 1

    اختر لونًا

    استخدم العينة، أو اكتب قيمة HEX أو RGB مباشرة.

  2. 2

    انسخ أي صيغة

    تُعرَض HEX وRGB وHSL وHSV وCMYK كلها في آن واحد.

  3. 3

    تحقق من التباين

    حدّد خلفية لترى ما إذا كان النص يجتاز WCAG AA وAAA.

لماذا توجد الرموز السداسية عشرية المختصرة وكيف تتوسع

تدعم CSS وأدوات التصميم كلاهما ترميزًا سداسيًا عشريًا مختصرًا من ثلاثة أحرف — `#abc` — كطريقة مدمجة لكتابة ألوان يتضح أن كل قناة فيها تستخدم رقمًا مكررًا، ويتوسع بمضاعفة كل حرف بدلًا من الحشو بأصفار: يصبح `#abc` هو `#aabbcc`، لا `#0a0b0c`. هذا التمييز مهم لأن التوسعتين الممكنتين تُنتجان ألوانًا مختلفة حقًا، وفعل ذلك بالعكس عند التحويل يدويًا خطأ سهل وشائع — مضاعفة كل رقم بشكل صحيح بدلًا من الحشو بأصفار بالضبط ما يحتاج تحويل مناسب إصابته.

قراءة قيم RGB بشكل صحيح في أدوات مختلفة

تُكتَب قيم RGB اصطلاحيًا كثلاثة أرقام من 0 إلى 255 للأحمر والأخضر والأزرق على التوالي، لكن الترميز الدقيق يختلف حسب مكان اللصق — تقبل CSS `rgb(171, 187, 204)` بفواصل، تتوقع بعض أدوات التصميم والرسم نفس الأرقام الثلاثة مفصولة بمسافات دون فواصل على الإطلاق، وتُعبِّر سياقات قليلة عن كل قناة كجزء من 0 إلى 1 بدلًا من عدد صحيح من 0 إلى 255. رؤية القيمة مُفصَّلة هنا تُزيل الحاجة للتحويل يدويًا بين الترميز المحدد الذي يتضح أن أداة أو قاعدة كود مستهدفة تتوقعه.

طريقة سريعة للتحقق من قيمة مُستخرَجة من لقطة شاشة أو ملف تصميم

رمز سداسي عشري منسوخ من قطّارة أداة تصميم، دليل أسلوب علامة تجارية، أو منتقي لون لقطة شاشة غالبًا القيمة الوحيدة المتاحة، دون أي تفصيل RGB مُرفَق — لصقه هنا لرؤية مكافئات RGB وHSL وCMYK معًا أسرع من البحث عن كل تحويل فرديًا أو إجراء الحساب يدويًا.

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

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

يصفان HEX وRGB نفس الشيء بترميز مختلف — كم من الأحمر والأخضر والأزرق تُمزَج. تُعيد HSL صياغته كصبغة وتشبُّع وإضاءة، وهذا أسهل بكثير للتفكير فيه: لتفتيح لون تُغيِّر رقمًا واحدًا بدلًا من تخمين ثلاثة.

ماذا تعني نسبة التباين؟

تقارن اللمعان النسبي للونين على مقياس من 1 (متطابق) إلى 21 (أسود على أبيض). تتطلب WCAG على الأقل 4.5:1 للنص العادي و3:1 للنص الكبير في مستوى AA، ترتفع إلى 7:1 و4.5:1 في AAA.

لماذا يفشل لوني في التباين رغم أنه يبدو جيدًا لي؟

لأن النسبة تُحسَب من اللمعان النسبي، لا من مدى اختلاف اللونين ظاهريًا. لونان زاهيان بسطوع متشابه — برتقالي على أحمر، لنقل — يبدوان مختلفين لكن يحملان تباين لمعان يكاد يكون معدومًا، ويصبحان غير قابلين للقراءة لأي شخص بضعف بصر أو على شاشة تحت الشمس.

هل التحويل إلى CMYK دقيق للطباعة؟

إنه التحويل الحسابي القياسي، وهو نقطة انطلاق لا نتيجة بإدارة ألوان. عمل الطباعة الحقيقي يحتاج ملف تعريف ICC للمطبعة والورق المحددين، لأن CMYK لا يمكنه إعادة إنتاج الكثير من ألوان RGB الزاهية على الإطلاق.