من ألوان CSS إلى Tailwind

قيم hex المعروفة → text-gray-900. المجهولة → bg-[#1a2b3c].

عندما تطابق القيمة الست عشرية اللوحة الافتراضية تظهر نتيجة نظيفة مثل text-gray-900. أما ألوان الهوية البصرية فنادرًا ما تتطابق، والأصح كتابتها بصيغة bg-[#1a2b3c] بدل تقريبها إلى أقرب درجة، لأن الفرق يُلاحظ بالعين. وإن تكرر اللون فسجّله رمزًا خاصًا في الإعدادات.

hex العلامة

#111827 غالبًا قرب gray-900؛ hex فريد يصبح غالبًا text-[#…] أو bg-[#…].

العتامة

rgba و/opacity تُنمذجان بـ /50 أو bg-black/50. أكّد التباين بعد التحويل.

متغيرات السمة

إن عاش اللون في :root فحلّ القيمة قبل انتظار رمز مسمّى.

جرّب

فتح المحوّل

.example { display: flex; gap: 1rem; padding: 1rem; }

ملاحظة ثقة: تحقق بصريًا من النتيجة. المحوّل مسودة مساعدة للمطوّرين.