تصفّح جميع ألوان CSS/HTML المسمّاة القياسية الـ140 في شبكة عيّنات جميلة — ابحث بالاسم أو السداسي، صفِّ حسب عائلة اللون وانسخ قيمة hex أو rgb() أو hsl() لأي لون بنقرة واحدة. في متصفحك، مجاناً.

جميع ألوان CSS/HTML المسمّاة القياسية الـ140، مع قيم hex وRGB وHSL. كل شيء يعمل في متصفحك من مرجع مدمج — لا يُرسَل شيء إلى الخادم.

لا يوجد لون يطابق بحثك.
جرّب اسماً أو قيمة سداسية مختلفة — مثل RebeccaPurple أو #00FF00 أو teal.

حول أسماء ألوان HTML

يعرض هذا المرجع كل الألوان الـ140 المسمّاة القياسية في CSS/HTML - القائمة الكاملة التي تفهمها المتصفحات، من AliceBlue حتى YellowGreen - كشبكة عيّنات ألوان متجاوبة. تعرض كل عيّنة اللون نفسه مع اسمه وقيمته السداسية عشرية، والنقر على واحدة يفتح أشكاله السداسية عشرية وrgb() وhsl()، كل منها قابل للنسخ بنقرة واحدة.

يمكنك البحث بالاسم أو القيمة السداسية عشرية - Tomato و#FF6347 تجدان نفس العيّنة - والتصفية حسب العائلة: أحمر، وردي، برتقالي، أصفر، بني، أخضر، سماوي، أزرق، أرجواني، أبيض، ورمادي وأسود. عرض العائلة هو الطريقة الأسرع لترشيح المرشحين عندما تعرف تقريباً درجة اللون التي تريدها.

الألوان المسمّاة مفيدة للنماذج الأولية وأمثلة الكود وتعبئة SVG والتعليم، لأن اسماً مثل RebeccaPurple يوصل القصد بشكل أفضل من ثلاثية سداسية عشرية. تُشتق قيم RGB وHSL داخل متصفحك من الشكل السداسي عشري لكل لون، ولا يُرسل ما تبحث عنه إلى خادم.

كيفية استخدام أسماء ألوان HTML

  1. ابحث باسم اللون أو قيمته السداسية عشرية - مثلاً Tomato أو teal أو #00FF00.
  2. صنّف حسب العائلة - أحمر، أزرق، رمادي وما شابه - لترشيح الألوان في نطاق درجة واحد.
  3. انقر على عيّنة لنسخ قيمتها السداسية عشرية فوراً.
  4. افتح النافذة المنبثقة للعيّنة لنسخ شكل rgb() أو hsl() بدلاً من ذلك.

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

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

لا. tomato وTomato وTOMATO كلها صالحة ومتطابقة في CSS وHTML. الأشكال ذات الحرف الكبير المُدرجة هنا هي مجرد التهجئة التقليدية التي تجعل الأسماء متعددة الكلمات مثل LightGoldenrodYellow مقروءة.

الأسماء رائعة للأمثلة والنماذج الأولية واللمسات لمرة واحدة؛ عادة ما تعيش لوحات ألوان أنظمة التصميم في خصائص مخصصة بقيم سداسية عشرية أو rgb() أو hsl()، لأن ألوان أنظمة التصميم نادراً ما تطابق لوناً مسمّى بالضبط. وظيفياً، الاسم وشكله السداسي عشري قابلان للتبادل.

يتضمن CSS كلا التهجئتين لـgray ومتغيراتها - gray/grey، وdarkgray/darkgrey وما شابه - بربط كل زوج بنفس القيمة، فلا تُعد أي تهجئة خاطئة.

نعم. كل العيّنات الـ140 والبحث ومرشحات العائلة ونسخ السداسي العشري/rgb()/hsl() مجانية وتعمل بالكامل داخل متصفحك.

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

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