حاسبة الألوان

محوّل الألوان

HEX

#4285F4

RGB

66, 133, 244

HSL

217°, 89%, 61%

CMYK

73%, 45%, 0%, 4%

مدقق التباين

نص تجريبي لفحص وضوح الألوان والتباين بين النص والخلفية

نسبة التباين

3.56:1

WCAG AA — عادي

فاشل

WCAG AA — كبير

ناجح

WCAG AAA — عادي

فاشل

كيف يعمل هذا الحساب

تحوّل هذه الحاسبة لوناً بين أربعة أنظمة تمثيل شائعة. HEX يستخدم ستة أرقام ست عشرية (00–FF لكل قناة) مسبوقة بـ #. RGB يحدد الأحمر والأخضر والأزرق من 0 إلى 255. HSL يصف درجة اللون (0–360) والتشبع والإضاءة بالنسبة المئوية. CMYK هو النموذج الطرحي للطباعة مع السماوي والأرجواني والأصفر والأسود.

يحسب مدقق التباين نسبة الإنارة النسبية بين لونين وفق WCAG 2.1. نسبة 4.5:1 تستوفي AA للنص العادي؛ 3:1 للنص الكبير (≥18pt أو ≥14pt عريض). AAA يتطلب 7:1 للنص العادي و4.5:1 للكبير.

أخطاء شائعة يجب تجنبها

  • افتراض تطابق ألوان الشاشة مع الطباعة. RGB/HEX نماذج جمعية (شاشة). CMYK طرحي (حبر). التحويل تقريبي وألوان الطباعة قد تختلف بشكل ملحوظ.
  • تجاهل تباين إمكانية الوصول. نص يبدو جيداً قد يكون غير مقروء لضعاف البصر. تحقق دائماً من نسبة التباين للوفاء بـ WCAG AA على الأقل.
  • الخلط بين HSL وHSV/HSB. HSL وHSV متشابهان لكن L (الإضاءة) وV/B (القيمة/السطوع) ينتجان نتائج مختلفة لنفس القيم العددية.

مثال عملي

تحويل أزرق جوجل (#4285F4) إلى صيغ أخرى.

HEX → RGB: 42 = 66، 85 = 133، F4 = 244 → RGB(66, 133, 244).

RGB → HSL: درجة اللون ≈ 217°، التشبع ≈ 90%، الإضاءة ≈ 61%.

RGB → CMYK: C ≈ 73%، M ≈ 45%، Y ≈ 0%، K ≈ 4%.

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

ما الفرق بين HEX وRGB؟
يمثلان نفس الشيء — ثلاث قنوات لونية (أحمر، أخضر، أزرق) — لكن HEX يعبر عنها بالست عشري (أساس 16) وRGB بالعشري (0–255). التحويل مباشر.
ما نسبة التباين المطلوبة لإمكانية الوصول؟
WCAG 2.1 مستوى AA يتطلب 4.5:1 للنص العادي و3:1 للنص الكبير. المستوى AAA الأكثر صرامة يتطلب 7:1 و4.5:1 على التوالي.
لماذا تحويل CMYK غير دقيق؟
RGB له نطاق ألوان أوسع من CMYK. بعض الألوان الزاهية على الشاشة لا يمكن إعادة إنتاجها بالأحبار، لذا التحويل تقريبي. للطباعة الاحترافية تُستخدم ملفات ICC.

حاسبات ذات صلة