ما هو باحث ألوان Tailwind؟

أداة Tailwind Color Finder تأخذ أي لون بصيغة Hex وتجد فورًا أقرب فئة لون في Tailwind CSS. بدلاً من مقارنة لوحات الألوان بالعين، الصق كود Hex من أداة التصميم واحصل على اسم فئة Tailwind الدقيق لاستخدامه في الكود.

كيفية الاستخدام

1. أدخل كود لون Hex من تصميمك أو اختر لونًا باستخدام أداة انتقاء الألوان.
2. تعرض الأداة فورًا أقرب فئة لون في Tailwind CSS مع مقارنة بصرية جنبًا إلى جنب.
3. انسخ اسم فئة Tailwind (مثل bg-blue-500) مباشرة إلى الكود. راجع مسافة اللون لتقييم مدى دقة التطابق.

النتيجة

يُسلّمك المصمم لون العلامة التجارية #2563EB. الصقه وستُظهر الأداة أنه يتطابق تمامًا مع blue-500. أما بالنسبة لـ #3A7BC8، فتجد sky-600 كأقرب تطابق مع نقاط مسافة توضح مدى القرب.

أدوات ذات صلة