الرئيسية
أدوات الألوان
مرجع الألوان المسمى في CSS

مرجع الألوان المسمى في CSS استعرض جميع الألوان المسمى في CSS البالغ عددها 140+ مع البحث والترتيب حسب اللون أو الإضاءة.

🎨

مرجع الألوان المسمى في CSS

استعرض جميع الألوان المسمى في CSS البالغ عددها 140+ مع البحث والترتيب حسب اللون أو الإضاءة.

ابحث عن الألوان

فرز الألوان بواسطة كتابة جزء من الاسم.

خيارات الفرز

الفرز حسب اسم أبجدي، زاوية اللون أو الإضاءة.

نسخ HEX

نسخ رمز HEX لأي لون.

Loading tool...

What Is مرجع الألوان المسمى في CSS?

مرجع الألوان المسمى في CSS هو كتالوج مرئي شامل لجميع الألوان المسمى في مواصفات W3C. على عكس أداة البحث البسيطة، يقدم هذا المرجع خيارات ترتيب متعددة - أبجديًا، حسب اللون (مجموعة ألوان مشابهة معًا)، وبالإضاءة (من الألوان الفاتحة إلى الداكنة) - مما يجعله أداة قوية لاستكشاف الألوان والاكتشاف. تظهر كل مدخل لوني شريطًا مرئيًا، والاسم الدلالي، ورقم HEX. تعمل وظيفة البحث على تصفية المatches الجزئية للأسماء، لذا عند كتابة "blue" يتم عرض جميع الألوان ذات الصلة باللون الأزرق (aliceblue، blue، cadetblue، cornflowerblue، إلخ). هذا المرجع ضروري للمطورين الذين يريدون العثور بسرعة على الألوان المسمى، واستكشاف ما هي أسماء الألوان المتاحة في CSS، أو اختيار أسماء ألوان ذات معنى دلالي للنمذجة.

Why Use مرجع الألوان المسمى في CSS?

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

Common Use Cases

اكتشاف الألوان

تصفح الألوان المسمىة المصنفة حسب زاوية اللون لاكتشاف ألوان جديدة لم تكن تعرفها في CSS.

مرجع سريع

العثور على القيمة HEX الدقيقة لأي لون مسمى في CSS.

النمذجة السريعة

اختيار أسماء ألوان دلالية للنمذجة السريعة دون البحث عن رموز HEX.

التعليم

تعلم مجموعة كاملة من الألوان المسمىة في CSS ومظهرها المرئي.

Technical Guide

الألوان المسمى في CSS هي كلمات مفتاحية محددة في مواصفات وحدة لون CSS Level 4. هناك 148 لونًا مسمىً (بما في ذلك الألقاب مثل aqua/cyan). ي ánh كل اسم إلى لون معين من ألوان sRGB. يستخدم ترتيب اللون زاوية لون HSL (0-360°) المستخرجة من قيمة HEX لكل لون، والتي تجمع بين الأحمر والأصفر والأخضر والأزرق والبنفسجي معًا. يستخدم ترتيب الإضاءة قيمة إضاءة HSL (0-100%). الألوان غير الملوّنة (الأسود والأبيض والرمادي) لها زاوية لون 0° ولكن تشبع منخفض للغاية، لذا فهي تتراكم في نهاية واحدة من ترتيب اللون. هناك بعض التناقضات في التسمية بسبب التراث لنظام ألوان X11 - ولا سيما "darkgray" (A9A9A9) هو أفتح من "gray" (808080).

Tips & Best Practices

1
الفرز حسب زاوية اللون لfinding جميع الأزرق، الأخضر، الأحمر، الخ. مجتمعة
2
الفرز حسب الإضاءة للعثور بسرعة على ألوان خفيفة للخلفيات أو ألوان داكنة للنصوص
3
ي chấp nhận البحث المطابقة الجزئية - "بحر" يجد seagreen، seashell، darkseagreen، الخ.
4
الألوان المسمىة جيدة لتنسيق console.log، 填充 SVG والنمذجة السريعة
5
للإنتاج، استبدل الألوان المسمىة بقمم HEX دقيقة للتنبؤ

Related Tools

مُحَوِّل HEX إلى RGB

قم بتحويل رموز الألوان HEX إلى قيم RGB في الحال مع معاينة مباشرة للعينة.

🎨 Color Tools

مُحَوِّل HEX إلى HSL

قم بتحويل رموز الألوان HEX إلى قيم HSL (درجة اللون، التشبع، الإضاءة).

🎨 Color Tools

اسم اللون إلى HEX

ابحث عن أكواد HEX لجميع الألوان المسمى في CSS البالغ عددها 140+ مع البحث والمعاينة.

🎨 Color Tools

محدد اللون

محدد لون تفاعلي مع مخرجات HEX و RGB و HSL و CMYK.

🎨 Color Tools

مجدّف ألوان Tailwind

ابحث عن فئة لون CSS Tailwind الأقرب لأي رمز HEX.

🎨 Color Tools

Frequently Asked Questions

Q كم عدد الألوان المسمىة في CSS?

148 لون مسمى في مواصفات CSS، مع 145 لون فريد (3 هي ألقاب: aqua=cyan، fuchsia=magenta، darkgrey=darkgray).

Q ماذا يعني الفرز حسب زاوية اللون?

الفرز حسب زاوية اللون يرتب الألوان حسب موضعها على عجلة الألوان (0-360°). الأحمر يأتي أولاً (0°)، ثم البرتقالي، والأصفر، والأخضر، والأزرق، والبنفسجي، وعاد إلى الأحمر. الرمادي له زاوية لون غير محددة ويظهر في نهاية واحدة.

Q هل يمكنني استخدام الألوان المسمىة في CSS الحديث?

نعم، تعمل الألوان المسمىة في جميع خصائص CSS التي تقبل قيم الألوان. وهي محددة في معيار CSSและมؤيدة على نطاق واسع.

About This Tool

مرجع الألوان المسمى في CSS is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.