لا تحب الإعلانات؟ يذهب خالية من الإعلانات اليوم 

محول ألوان HEX إلى أسماء الألوان

لونمطور

مدخل

عملية تلقائية

انتاج

جانب العميل

أقرب تطابقات ألوان CSS3

	اسم اللون	عرافة	مسافة
ستظهر النتيجة هنا

تفاصيل اللون المحدد

اسم اللون

قيمة HEX

قيمة RGB

إعلان · يزيل؟

مرشد

جدول المحتويات

محول ألوان HEX إلى أسماء الألوان

حوّل أي رمز لون HEX إلى أقرب اسم لون CSS/HTML الخاص به على الفور. أدخل قيمة سداسية عشرية أو استخدم منتقي الألوان المرئي للعثور على أقرب اسم لون مطابق من 140 لونًا قياسيًا في CSS3، مع درجات التشابه ومقارنات الألوان جنبًا إلى جنب.

كيف تستعمل

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

سمات

أقرب تطابق للألوان – ابحث عن أقرب لون CSS3 مسمى لأي إدخال HEX باستخدام المسافة الإقليدية في مساحة RGB
أفضل 5 مطابقات – شاهد أسماء الألوان الخمسة الأقرب مرتبة حسب نسبة التشابه
منتقي الألوان المرئي – اختر الألوان مرئيًا باستخدام منتقي ألوان المتصفح الأصلي
مقارنة لوحة الألوان – عرض جنبًا إلى جنب للون الإدخال الخاص بك مقابل كل لون مسمى مطابق
بحث عكسي – ابحث حسب اسم اللون للعثور على رمز HEX الدقيق الخاص به
140 لون CSS3 – قاعدة بيانات كاملة لجميع ألوان CSS/HTML المسماة القياسية
نسخ بنقرة واحدة – انسخ أي قيمة HEX إلى الحافظة على الفور
من جانب العميل فقط – تتم جميع المعالجات في متصفحك، ولا يتم إرسال أي بيانات إلى الخوادم

إعلان · يزيل؟

 التعليمات

كم عدد الألوان المسماة الموجودة في CSS3؟

تحدد CSS3 بالضبط 140 لونًا مسماة (تسمى أيضًا الألوان الممتدة أو ألوان X11). تتراوح هذه من الألوان الأساسية مثل الأحمر والأزرق والأخضر إلى الظلال الأكثر تحديدًا مثل cornflowerblue و darkolivegreen و papayawhip. يتعرف كل متصفح حديث على الأسماء الـ 140، مما يجعلها طريقة موثوقة لتحديد الألوان في تطوير الويب دون الحاجة إلى تذكر رموز HEX.
كيف تعمل المسافة الإقليدية لمطابقة الألوان؟

تعامل المسافة الإقليدية في مساحة RGB كل لون كنقطة في الفضاء ثلاثي الأبعاد حيث تكون المحاور هي قيم الأحمر والأخضر والأزرق (0-255). يتم حساب المسافة بين لونين على أنها الجذر التربيعي لمجموع مربعات الاختلافات لكل قناة. تعني المسافة 0 تطابقًا تامًا، بينما تبلغ أقصى مسافة ممكنة (بين الأسود 000000 والأبيض FFFFFF) حوالي 441. يوفر هذا تقريبًا بسيطًا وسريعًا لتشابه الألوان.
لماذا قد يبدو اللون المسمى الأقرب مختلفًا عن إدخالي؟

تحتوي CSS3 على 140 لونًا فقط من بين أكثر من 16 مليون لون HEX ممكن، لذا فإن التطابقات التامة نادرة. اللون المسمى الأقرب هو أقرب خيار متاح، ولكن يمكن أن تكون الفجوة كبيرة للظلال غير العادية. تساعد نسبة التشابه في قياس مدى قرب التطابق فعليًا - أي شيء فوق 95٪ قريب جدًا بصريًا، بينما قد تبدو التطابقات أقل من 80٪ مختلفة بشكل ملحوظ.
ما الفرق بين مسافة RGB واختلاف اللون الإدراكي؟

تعامل مسافة RGB الإقليدية جميع قنوات الألوان بالتساوي، ولكن الرؤية البشرية أكثر حساسية لبعض الاختلافات في الألوان من غيرها. تأخذ صيغ اختلاف اللون الإدراكي مثل CIEDE2000 (deltaE) في الاعتبار كيف ترى البشر الألوان بالفعل، مع إعطاء وزن أعلى لحساسية اللون الأخضر ومعالجة تحولات الألوان. مسافة RGB أسرع في الحساب وهي كافية لمعظم حالات الاستخدام، بينما تعد deltaE أكثر دقة لأعمال الألوان الاحترافية.