معرفة اسم اللون

كيفية معرفة اسم اللون

1. اختر لونًا من اختر لونًا، أو اكتب قيمة في رمز اللون: رمز HEX مثل #1E90FF أو rgb(30 144 255) أو hsl(210 100% 56%) أو أي لون CSS آخر.
2. في المرة الأولى، تحمّل الأداة قائمتها التي تضم نحو 32000 اسم لون (بضع مئات من الكيلوبايتات، مرة واحدة في كل زيارة). بعد ذلك تظهر النتائج أثناء الكتابة.
3. اقرأ أقرب اسم بجانب لونك. وعندما يكون الرمز موجودًا في القائمة بالضبط، تظهر عبارة تطابق تام.
4. في الأسفل، تُعرض أقرب 5 أسماء وأقرب ألوان CSS المسمّاة مع رمز HEX لكل منها والمسافة بينه وبين لونك (ΔE). استخدم نسخ الاسم أو نسخ HEX لأخذ ما تريد.
5. غيّر المطابقة باستخدام للمقارنة بطريقة CIEDE2000 (CIELAB) أو مسافة OKLab، أو اضغط لون عشوائي للاستكشاف.

يبقى اللون والبحث داخل متصفحك.

من أين تأتي الأسماء؟

أسماء الألوان باللغة الإنجليزية. وهي مأخوذة من color-name-list، وهي مجموعة مفتوحة المصدر يديرها David Aerne ومساهمون كثيرون بترخيص MIT. تجمع نحو 32000 اسم فريد من كتالوجات الطلاء وقواميس الألوان التاريخية والطبيعة والثقافة الشعبية واقتراحات المجتمع، من «Absolute Zero» إلى «Zucchini». وكل اسم مرتبط برمز HEX واحد فقط. لا تتوفر في هذه الأداة أسماء عربية للألوان، لكنك تستطيع ترجمة الاسم الإنجليزي أو استخدامه كما هو في ملفات التصميم.

وتقارن الأداة لونك أيضًا بألوان CSS المسمّاة البالغ عددها 148 لونًا في CSS Color Level 4 (tomato وrebeccapurple وdodgerblue…)، وهي أسماء تفهمها كل المتصفحات. وتُعرض المترادفات التي تشترك في الرمز نفسه معًا، مثل gray / grey أو aqua / cyan. وهذه هي الأسماء التي تُستخدم في ملفات الأنماط عندما تريد شيفرة سهلة القراءة.

كيف يُختار أقرب لون؟

لا تنجح مقارنة رموز HEX خانةً خانة: فاللونان #808080 و#7F8080 متطابقان تقريبًا، لكن تغييرًا صغيرًا في قناة أخرى قد يبدو مختلفًا جدًا. لذلك تحوّل الأداة كل لون إلى فضاء لوني إدراكي وتقيس المسافات فيه.

• CIEDE2000 (CIELAB) هي معادلة فرق الألوان التي وضعتها اللجنة الدولية للإضاءة، وتُستخدم في مطابقة ألوان الطباعة والطلاء. وهي تصحّح مسافة CIELAB القديمة بحسب طريقة حكم أعيننا على الإضاءة والصفاء اللوني ودرجة اللون، خصوصًا في الأزرق وفي الألوان القريبة من الرمادي. يتبع التطبيق بحث Sharma وWu وDalal (2005)، وقد اختُبر على بياناتهم المرجعية.
• مسافة OKLab هي المسافة المستقيمة في فضاء OKLab، وهو فضاء حديث صُمِّم ليكون متساوي الخطوات إدراكيًا. تُعرض القيمة مضروبة في 100 لتُقرأ على مقياس قريب من ΔE2000. وهي أسرع، وتتفق غالبًا مع CIEDE2000، وإذا اختلفتا فالفروق دقيقة.

وللاسترشاد: قيمة ΔE أقل من 1 لا يلاحظها معظم الناس، ومن 1 إلى 2 فرق طفيف جدًا يُرى عند وضع اللونين متجاورين، وفوق 5 يبدو اللونان مختلفين بوضوح. وإذا كانت قيمة ΔE لأقرب اسم كبيرة، فمعنى ذلك ببساطة أن لونك يقع بين الألوان المسمّاة.

أفكار لاستخدام أسماء الألوان

• سمِّ رموز التصميم (design tokens) وعيّنات لوحة الألوان بأسماء أسهل من الرموز.
• صِف لونًا في رسالة بريد إلكتروني أو في وصف منتج أو في النص البديل لصورة.
• اعثر على كلمة CSS قريبة من لون علامتك التجارية لنماذج أولية سريعة.