Utilore

تحويل RGB إلى HEX

ألصق rgb(31, 95, 214) — بفواصل أو بمسافات، لا فرق — لتحصل على ‎#1f5fd6‎ جاهزًا لملف CSS أو ملف تصميم أو دليل هوية.

  • #1f5fd6 HEX
  • rgb(31, 95, 214) RGB
  • hsl(219, 75%, 48%) HSL

التباين:

طريقة الاستخدام

  1. ألصق قيمة RGB أو RGBA، أو اختر لونًا من لوحة الألوان.
  2. اقرأ رمز HEX فوق بقية الصيغ.
  3. اضغط «نسخ» بجوار سطر HEX.

معلومات مفيدة

لماذا يطلب المصمّمون HEX

‏HEX كتلة واحدة بدل ثلاثة أعداد، فيُلصَق في مواصفة أو تذكرة أو محادثة دون أن يسقط منه رقم. وهو كذلك الصيغة التي تعرضها أدوات التصميم افتراضيًا، فتطابق لوحة الألوان المكتوبة به ما يراه الجميع.

ماذا يحدث لقناة الشفافية

إن أدخلت rgba() بشفافية، فالنتيجة رمز HEX بثمانية أرقام: الزوج الأخير يمثّل الشفافية من 0 إلى 255. المتصفحات الحديثة تقرأه بشكل صحيح، والقديمة لا، فأبقِ rgba() حيث تحتاج توافقًا واسعًا.

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

هل يجب كتابة rgb(...) حول الأرقام؟

تُقبَل الصيغة الكاملة بفواصل أو مسافات، في rgb() و rgba() على السواء. والقيم التي تتجاوز 255 تُقصّ عند الحدّ بدل أن تلتفّ بصمت.

لماذا صار رمز HEX من ثمانية أحرف؟

لأن اللون يحمل قناة شفافية. أزل الشفافية لتحصل على الرمز المعتاد بستة أرقام.

هل يُرسَل شيء إلى خادم؟

لا. التحويل كله يجري في الصفحة، فتبقى ألوان الهوية غير المنشورة عندك.

أدوات ذات صلة