أدوات الألوان
حوّل اللون وتحقّق منه
حساب ألوان يجري في متصفحك. حوّل بين hex وRGB وHSL وOKLCH؛ تحقّق من التباين مقابل عتبات WCAG.
بدون رفع في المتصفح فقط
الأسئلة الشائعة
- ما تنسيقات الألوان المدعومة؟
- hex و rgb() و hsl() و oklch() — كلٌّ من البنية الحديثة المفصولة بمسافات والقديمة المفصولة بفواصل.
- ما هو OKLCH؟
- فضاء ألوان موحّد إدراكياً بمحاور Lightness و Chroma و Hue. ينتج تدرّجات ولوحات ألوان أكثر اتساقاً من HSL لأن الخطوات الرقمية المتساوية تبدو كخطوات بصرية متساوية.
- كيف يُحسَب التباين؟
- وفق WCAG 2.1: تُحسَب الإضاءة النسبية لكل لون، ثم النسبة هي (الأفتح + 0.05) / (الأغمق + 0.05). تتراوح النتيجة من 1:1 (مطابقة) إلى 21:1 (أبيض على أسود).
- ما الحدود التي تهمّ للوصولية؟
- النص AA Normal يحتاج ≥ 4.5؛ النص AA Large ومكوّنات الواجهة تحتاج ≥ 3. يرفع AAA هذه القيم إلى ≥ 7 و ≥ 4.5. استهدف AA على الأقل في مواقع الإنتاج.
- هل تُرسَل قيم ألواني إلى أي مكان؟
- لا. تعمل حسابات التحويل والتباين محلياً؛ لا شيء يغادر متصفحك.