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

أربع خطوات: الصق، شغّل، راجع، انسخ. كل شيء يبقى في المتصفح.

الصق المدخلات

أدخل CSS أو HTML أو JSON أو نصًا آخر. لا يُرفع شيء.

شغّل الأداة

انقر تحويل أو تشغيل. تظهر النتيجة فورًا.

راجع المخرجات

اقرأ الرمز المُنشأ والملاحظات قبل الاستخدام.

انسخ واستخدم

انسخ النتيجة والصقها في مشروعك.

حول هذه الأداة

تحوّل الأداة لون HEX إلى قيم RGB وHSL، وتنشئ صنف خلفية اختياريًا في Tailwind جاهزًا للصق في الوسم. وهي عملية بخاصة مع ألوان الهوية التي لا توجد في اللوحة الافتراضية.

مثال

اللون السماوي الافتراضي يوضّح الانتقال من HEX إلى RGB وHSL والصنف الاختياري.

إدخال

#38bdf8

مخرجات

HEX: #38BDF8
RGB: rgb(56, 189, 248)
HSL: hsl(199, 93%, 60%)
Tailwind arbitrary: bg-[#38bdf8]

نصيحة

القيم الاختيارية جزء صحيح من Tailwind، أما التقريب إلى أقرب درجة في اللوحة فيغيّر لون الهوية غالبًا.