ابحث عن أقرب لون CSS مسمى وأقرب ظل Tailwind لأي لون — مطابقة إدراكية، مع قيم جاهزة للنسخ.

لونك
#3B82F6
أقرب لون CSS
الفرق:
تطابق تام
أقرب ظل Tailwind
الفرق:
تطابق تام

اكتب أو اختر أي لون واعرف فوراً أقرب لون CSS مسمى وأقرب ظل Tailwind — مطابقة إدراكية في متصفحك.


حول باحث الألوان المسماة

أداة باحث الألوان المسمّاة تجيب عن سؤال بسيط: ما اسم هذا اللون؟ أدخل أو اختر أي لون وستُرجع فورًا أقرب لون CSS مسمّى — من القائمة القياسية التي تفهمها المتصفحات، مثل "steelblue" أو "coral" — إلى جانب أقرب درجة في لوحة Tailwind، مثل "sky-600".

المطابقة إدراكية وليست رقمية بحتة، لذا فإن الأسماء المقترحة تبدو بالفعل مثل لون الإدخال بدلًا من مجرد كونها قريبة بالقيم الخام لـ RGB. يخبرك مؤشر الفرق ما إذا كانت المطابقة دقيقة أو قريبة جدًا أو تقريبية فقط، حتى تعرف مقدار الدقة التي تضحّي بها مقابل اسم لا يُنسى.

يعمل البحث بالكامل في متصفحك مع أزرار نسخ على كل نتيجة. مفيد لكتابة CSS أكثر قابلية للقراءة، أو محاذاة ألوان علامة تجارية عشوائية إلى مقياس Tailwind، أو ببساطة معرفة اسم لون اخترته من صورة.

كيفية استخدام باحث الألوان المسماة

  1. اكتب قيمة لون أو اختر واحدة بالمنتقي؛ انقر "عشوائي" للاستكشاف.
  2. اقرأ أقرب لون CSS مسمّى وأقرب درجة في Tailwind، معروضين جنبًا إلى جنب مع إدخالك.
  3. تحقق من مؤشر الفرق لمعرفة مدى قرب كل مطابقة.
  4. انقر "نسخ" على أي قيمة تريد استخدامها.

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

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

يحدد CSS نحو 148 لونًا مسمّى (147 قيمة فريدة، لأن بعضها أسماء بديلة مثل gray/grey)، من أساسيات مثل "red" إلى إدخالات غامضة مثل "papayawhip". كل متصفح يفهمها، وتجد هذه الأداة الأقرب لأي لون تدخله.

تستخدم الأداة مقياس مسافة لونية إدراكي بدلًا من مقارنة RGB بسيطة، لذا فإن الاسم المقترح يعكس مدى تشابه الألوان فعليًا للعين البشرية — وهو أمر مهم خصوصًا للدرجات الباهتة والرمادية القريبة.

أقرب درجة من لوحة الألوان الافتراضية لـ Tailwind، مسمّاة بصيغة درجة اللون بالإضافة إلى رقم المألوفة مثل "emerald-500". مفيدة لمحاذاة ألوان التصميم العشوائية على مقياس Tailwind حتى تبقى فئات الأدوات المساعدة لديك متسقة.

لون إدخالك مطابق تمامًا للون المسمّى — يمكنك استبدال الاسم بقيمة HEX دون أي تغيير بصري. الدرجات الأدنى ("قريب جدًا"، "قريب"، "تقريبي") تشير إلى فرق متزايد، وإن كان غير محسوس غالبًا.

شارك هذا

عمليات البحث الشائعة
باحث أسماء الألوان أقرب اسم لون CSS إيجاد اسم اللون أقرب لون Tailwind HEX إلى اسم اللون تحديد اسم اللون
هل تحتاج إلى مساعدة؟
هل واجهت مشكلة في هذه الأداة؟ أخبر فريقنا.
الإبلاغ عن مشكلة

أضف هذه الأداة المجانية إلى موقعك الخاص — انسخ والصق الكود أدناه.