كيفية استخدام محوّل الألوان
- أدخل لوناً بأي صيغة.
- حدّد اختيارياً خلفية لاختبار التباين مقابلها.
- انسخ التمثيل الذي تحتاجه من الجدول.
مزايا محوّل الألوان
- تحليل HEX وrgb(a) وhsl(a) وhsv/hsb وhwb وcmyk و148 لوناً مسمّى
- جميع التمثيلات بما فيها صياغة CSS الحديثة المفصولة بمسافات
- نسب تباين WCAG وأحكام AA/AAA على الأبيض والأسود وخلفية مخصصة
- درجات أفتح/أغمق، وتدرجات فاتحة (tints) وداكنة (shades)، وعكس اللون، وتناغمات لونية
- عيّنة لون مباشرة مع خلفية رقعة شطرنج لقناة ألفا ونص تجريبي
- اسم لون CSS المطابق أو الأقرب
مثال على محوّل الألوان
تحويل لون علامة تجارية
الإدخال:
#1266f0النتيجة:
rgb(18, 102, 240) · hsl(217, 86%, 51%) · cmyk(93%, 57%, 0%, 6%) · contrast on white 5.02:1 (AA)الأسئلة الشائعة حول محوّل الألوان
ما صيغ الألوان التي يمكنني إدخالها؟
HEX (من 3 أو 4 أو 6 أو 8 أرقام، مع # أو بدونها)، وrgb()/rgba() بصياغة الفواصل أو المسافات، وhsl()/hsla()، وhsv()/hsb()، وhwb()، وcmyk()، وجميع ألوان CSS المسمّاة البالغ عددها 148 لوناً.
كيف يُحسب تباين WCAG؟
باستخدام معادلة الإضاءة النسبية في WCAG 2.x. يتطلب المستوى AA نسبة 4.5:1 للنص العادي (3:1 للنص الكبير)؛ ويتطلب المستوى AAA نسبة 7:1 (4.5:1 للنص الكبير). وتُدمج الألوان شبه الشفافة مع الخلفية المختارة أولاً.
هل CMYK دقيق للطباعة؟
يستخدم التحويل البسيط القياسي من RGB إلى CMYK، وهو مناسب للمعاينات. أما سير عمل الطباعة فيحتاج إلى ملف تعريف ICC للحصول على نتائج دقيقة.
ما صفوف التناغم اللوني؟
ألوان عند إزاحات ثابتة في درجة اللون (hue) — المكمّل (180°)، والمتجاور (±30°)، والثلاثي (120°)، والمكمّل المنقسم (150°/210°)، والرباعي (90°) — وهي مفيدة كنقاط انطلاق للوحات الألوان.
ملاحظات تقنية
تبقى القنوات أعداداً عشرية طوال المعالجة — فـ hsl(217 86% 51%) تُحلَّل إلى r 22.593 وg 104.977 وb 237.507 — ولا تُقرَّب إلا عند تنسيق كل صيغة، فتُشتق hex وrgb() وhsl() وhwb() وcmyk() كلها من القيمة نفسها غير المقرَّبة. ويتبع التحليل CSS Color 4: فواصل أو مسافات، وألفا بعد «/»، والصبغة بوحدات deg أو grad أو rad أو turn، و«none» بمعنى 0 للقنوات، وقصّ القنوات الخارجة عن المدى (rgb(300,-5,12) ← 255,0,12) لا رفضها.
فضاء الألوان sRGB فقط: تُرفض lab() وlch() وoklch() وcolor() بلا تعيين للنطاق اللوني (gamut mapping). وتستخدم الإضاءة النسبية عتبة الخطّية 0.03928 من WCAG 2.0 لا 0.04045 من مواصفة sRGB (والنتيجة متطابقة للقنوات الصحيحة)، وCMYK بالصيغة الساذجة k = 1 − max(r,g,b). ويضيف التفتيح والتغميق نقاطاً مطلقة إلى إضاءة HSL، وتُمزج الدرجات الفاتحة والداكنة في sRGB بنسب 20/40/60/80% لا في الضوء الخطي، وتُدوّر التناغمات صبغة HSL، والاسم الأقرب بأصغر مسافة إقليدية في RGB لا ΔE إدراكية.