محوّل ألوان CSS

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

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

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

عدّل حقل HEX لتتحدّث القنوات وصيغة bg-[#…] في الحال، ثم انسخ الصيغة التي يحتاجها مكوّنك. واحتفظ بالقيمة الأصلية في رموز التصميم حتى لا تتكرر ألوان متقاربة في المشروع.

مثال

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

إدخال

#38bdf8

مخرجات

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

نصيحة

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

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