البحث عن اسم اللون
اعثر على أقرب لون مُسمّى من CSS لأي قيمة لونية. ألصق ما يصل إلى 100 ألوان بأي تنسيق CSS، وستحصل لكل لون على الأقرب من بين 148 لونًا مُسمّى من CSS مرتبة حسب اختلاف اللون CIEDE2000، مع الاسم ورمز hex وقيمة Delta E وتقييم المطابقة. اعرض ما يصل إلى 10 مطابقات لكل لون. أداة مفيدة لتسمية رموز التصميم، ووصف الألوان في الوثائق، والعثور على كلمة مفتاحية بسرعة.
الأسئلة الشائعة
ما أسماء الألوان التي يجري البحث عنها؟
الألوان المُسمّاة وعددها 148 في CSS Color 4، من aliceblue إلى yellowgreen، بما فيها rebeccapurple. تظهر الأسماء التي تشترك في القيمة، مثل aqua وcyan وfuchsia وmagenta وتهجئتي gray وgrey، معًا في صف واحد، ليبقى 139 لونًا مميزًا. لا تشمل القائمة transparent وألوان النظام.
كيف يُقاس أقرب اسم؟
باستخدام اختلاف اللون CIEDE2000، Delta E 2000، المحسوب في CIELAB بواسطة مكتبة culori. هذا هو المعيار المعتمد في المجال لقياس مدى اختلاف لونين كما يراهما مراقب عادي؛ وكلما صغرت القيمة، زادت دقة المطابقة.
ماذا تعني تقييمات المطابقة؟
تعني «مطابق تمامًا» أن اللون المُسمّى له رمز hex نفسه. وتعني «قريب جدًا» أن Delta E أقل من 2، ويصعب تمييزه؛ و«مشابه» أن القيمة أقل من 5، ويمكن ملاحظة الفرق عند عرض اللونين جنبًا إلى جنب؛ أما «بعيد» فتعني أن القيمة 5 أو أكثر، وأن الاسم لا يصف سوى عائلة اللون العامة.
كم عدد المطابقات التي سأحصل عليها؟
من 1 إلى 10 لكل لون، والعدد الافتراضي 3، مرتبة من الأقرب إلى الأبعد. تساعدك المطابقات الإضافية عندما يكون للاسم الأقرب درجة السطوع المناسبة لكن تدرج اللون غير مناسب، أو العكس.
كيف أُدخل الألوان؟
أدخل لونًا واحدًا في كل سطر، أو عدة ألوان في سطر واحد مفصولة بفواصل أو فواصل منقوطة؛ ولا تؤدي الفواصل داخل rgb() أو hsl() إلى الفصل. تُقبل رموز Hex مع # أو بدونه، وأسماء الألوان من CSS، وrgb() وhsl() وhwb() وlab() وlch() وoklab() وoklch() وcolor() وcmyk()، بحد أقصى 100 لونًا في كل عملية.
ماذا يحدث للألوان الشفافة؟
الألوان المُسمّاة معتمة، لذا يُتجاهل ألفا وتُقارن الألوان كما لو كانت معتمة بالكامل. يعرض عمود HEX الرمز المكوّن من 6 أرقام الذي جرت مقارنته.
ما الذي يحدث للألوان ذات النطاق اللوني الواسع؟
تُحوَّل الألوان الواقعة خارج نطاق sRGB، مثل ألوان Display P3 الزاهية أو قيم OKLCH، أولًا إلى sRGB باستخدام خوارزمية CSS Color 4، لأن جميع الألوان المُسمّاة في CSS هي ألوان sRGB. يعرض عمود HEX بعد ذلك القيمة المحوَّلة التي تُقارن بها الأسماء.
هل يمكنني استخدام الاسم بدلًا من رمز hex؟
فقط عندما تكون المطابقة تامة؛ وإلا فسيبدو اللون المُسمّى مختلفًا. يظل الاسم القريب تلميحًا مفيدًا وسهل القراءة في رمز تصميم أو في الوثائق، مثل أزرق قريب من steelblue.
لماذا تقتصر القائمة على CSS اسمًا ولا تضم أسماء أكثر؟
أسماء CSS هي الأسماء التي تتعرف عليها جميع المتصفحات ويمكنك كتابتها مباشرةً في ورقة أنماط. تختلف قوائم الأسماء الأكبر بين الجهات المطوِّرة وغالبًا ما تكون مرخّصة، بينما تحدد معيار CSS هذه الأسماء وعددها 148.
لماذا قد تبدو لي مطابقة ذات Delta E أعلى أقرب؟
تقيس Delta E 2000 استجابة مراقب عادي في ظروف مشاهدة معيارية. تؤثر شاشتك ومعايرتها والألوان المحيطة واختلاف رؤية الألوان بين الأشخاص في تحديد ما يبدو الأقرب، لذا اعتبر الترتيب دليلًا موثوقًا لا حكمًا مطلقًا.