محول الألوان

ما هو محول الألوان؟

محول الألوان هو أداة أونلاين تساعد المطورين على التحويل بحرية بين تنسيقات الألوان المختلفة. تشمل تنسيقات الألوان الأكثر استخداماً في تطوير الويب HEX (سداسي عشري) وRGB (أحمر-أخضر-أزرق) وHSL (درجة اللون-التشبع-الإضاءة) وCMYK (سماوي-أرجواني-أصفر-أسود للطباعة). تدعم هذه الأداة الكشف التلقائي عن تنسيق الإدخال وعرض جميع التنسيقات الأربعة في وقت واحد، مما يحسن كفاءة سير عمل الألوان بشكل كبير.

مرجع تنسيقات الألوان

• HEX — رمز لون سداسي عشري، مسبوق بـ # مثل #ff6600. تنسيق الألوان الأكثر استخداماً في CSS.
• RGB — تمثيل الأحمر والأخضر والأزرق، مثل rgb(255, 102, 0). تتراوح كل قناة من 0 إلى 255.
• HSL — درجة اللون (0-360°)، التشبع (0-100%)، الإضاءة (0-100%). نموذج الألوان الأكثر بديهية للبشر.
• CMYK — سماوي وأرجواني وأصفر وأسود. التنسيق القياسي لصناعة الطباعة.
• أسماء ألوان CSS — أكثر من 140 اسماً للألوان معرفة من قبل W3C، مثل rebeccapurple و coral.

حالات الاستخدام الشائعة

• تصميم واجهات المستخدم — المصممون يقدمون قيم HEX؛ المطورون يحتاجون HSL لضبط الإضاءة والظلام
• حالات الأزرار — استخدم الدرجات والإظلال لتوليد مقاييس ألوان hover/active
• ألوان العلامة التجارية — توليد مجموعات تكميلية وثلاثية وغيرها من مخططات الألوان
• اختبار إمكانية الوصول — استخدم مدقق تباين WCAG لضمان قابلية قراءة النص
• تدرجات CSS — احفظ اللوحات في المفضلة لاستخدامها لاحقاً في إنشاء التدرجات

معايير تباين WCAG

• المعيار AA — النص العادي ≥ 4.5:1، النص الكبير ≥ 3:1
• المعيار AAA — النص العادي ≥ 7:1، النص الكبير ≥ 4.5:1