الألوان / أسماء
العثور على اسم اللون: من Hex أو RGB إلى أقرب اسم لون CSS
أدخل لونًا بصيغة hex أو RGB أو CSS للعثور على الأقرب من بين 148 لونًا مسمّى في CSS، مرتبة حسب الفرق الإدراكي في CIELAB، مع عينات للمقارنة وقيمة hex لكل اسم.
العثور على اسم اللون: من Hex أو RGB إلى أقرب اسم لون CSS: يحوّل اللون وكل لون مسمّى في CSS إلى مساحة الألوان CIELAB، حيث تعكس المسافة مدى اختلاف الألوان في المظهر. تُعرض الأسماء الأقرب مع فرق اللون ΔE: عند قيمة أقل من نحو 2.3، لا يستطيع معظم الأشخاص رؤية الفرق. فعلى سبيل المثال، يكون #3a7bd5 الأقرب إلى cornflowerblue. يعمل 100% محليًا في المتصفح، من دون رفع أي ملفات إلى الخادم.
- الفئة
- أدوات يومية
- مرات التشغيل
- في المتصفح
- التكلفة
- مجاني · بلا تسجيل
- التوفر
- جاهز للاستخدام
تعمل بالكامل في المتصفح
تُقارن الألوان بجميع الألوان المسماة وعددها 148 في مساحة الألوان CIELAB، المصممة بحيث تبدو المسافات المتساوية مختلفة بدرجة متقاربة. تكون المسافة، ΔE، أقل من نحو 2.3 عندما يتعذر على معظم الأشخاص رؤية الفرق. ويمكن استخدام أي اسم CSS في ورقة الأنماط بدلًا من رمزه السداسي العشري، مثل color: steelblue.
من أين جاءت الأسماء
جاءت معظم أسماء الألوان في CSS من قائمة ألوان نظام النوافذ X11 في ثمانينيات القرن العشرين، ولذلك توجد أسماء مثل papayawhip وlightgoldenrodyellow. أُضيف rebeccapurple، #663399، في 2014 تخليدًا لذكرى Rebecca Meyer.
تحويل الألوان
لتحويل لون إلى HSL أو RGB أو أي صيغة أخرى، استخدم محول الألوان.
طريقة الاستخدام
- أدخل لونًا بصيغة hex أو rgb() أو اسمًا.
- اطّلع على أقرب لون مسمّى ومدى قربه.
- قارن عينات الألوان وانسخ الاسم الذي تريده.
الخصوصية والقيود
تعمل كل العمليات في المتصفح.
أدوات ذات صلة
الأسئلة الشائعة
لماذا أسماء CSS؟
لأنها مجموعة قياسية ومعروفة على نطاق واسع، وتعمل مباشرةً في أوراق الأنماط، من aliceblue إلى yellowgreen.
ماذا يعني ΔE؟
إنه المسافة بين لونين في CIELAB. تمثل القيمة التي تبلغ نحو 1 أصغر فرق يلاحظه معظم الأشخاص عند وضع اللونين جنبًا إلى جنب، بينما تكون الألوان مختلفة بوضوح عند تجاوز القيمة 10.
لماذا لا يظهر grey وgray معًا؟
لأنهما اللون نفسه بتهجئتين مختلفتين، لذلك تعرض الأداة اسمًا واحدًا من كل زوج.
أداة مجانية · عدد مرات الاستخدام في المتصفح · لا يتطلب حسابًا