JSON وYAML
حوّل بين JSON وYAML.
محول الألوان
حوّل اللون بين HEX وRGB وHSL وHSV وCMYK، وتحقق من تباين النص عليه.
- HEX
- #4f46e5
- RGB
- rgb(79, 70, 229)
- HSL
- hsl(243, 75%, 59%)
- HSV
- hsv(243, 69%, 90%)
- CMYK
- cmyk(66%, 69%, 0%, 10%)
تباين النص (WCAG)
- نص أبيض على هذا اللون
- 6.29:1 يجتاز AA
- نص أسود على هذا اللون
- 3.34:1 للنص الكبير فقط
ملفاتك تبقى على جهازك
طريقة الاستخدام
- 1اكتب لونًا بأي صيغة، أو اخترْه بمنتقي الألوان.
- 2اقرأ اللون نفسه بصيغ HEX وRGB وHSL وHSV وCMYK.
- 3انسخ الصيغة التي تحتاج إليها.
- 4تحقق من سطور التباين لمعرفة هل النص الأبيض أو الأسود مقروء عليه.
ماذا تفعل الخيارات
- المدخلات المقبولة
- #rgb و#rrggbb و#rrggbbaa وrgb() وrgba() وhsl() وhsla() وأسماء ألوان CSS مثل tomato.
- التباين
- نسبة WCAG مقابل الأبيض والأسود. النسبة 4.5:1 تحقق مستوى AA للنص العادي، و3:1 للنص الكبير.
الخصوصية
كل شيء يعمل في متصفحك. ما تكتبه لا يُرسل إلى أي خادم.
أسئلة شائعة
هل قيمة CMYK دقيقة للطباعة؟
لا. هي تحويل رياضي بسيط من RGB. تستخدم الطابعات ملفات تعريف الألوان، لذا ستبدو مسودة المطبعة مختلفة، خصوصًا للأزرق والأخضر الساطعين.
ما الفرق بين HSL وHSV؟
كلاهما يصف الصبغة والتشبع ومحور السطوع. في HSL تكون الإضاءة 100 بالمئة أبيض دائمًا. وفي HSV تكون القيمة 100 بالمئة أسطع نسخة من اللون. تستخدم أدوات التصميم غالبًا HSV، ويستخدم CSS صيغة HSL.
ماذا يعني HEX المكوّن من ثمانية أرقام؟
الرقمان الأخيران يمثلان الشفافية من 00 (شفاف) إلى ff (معتم). اللون #4f46e580 معتم بنحو 50 بالمئة.
لماذا لا يعمل اسم اللون؟
تُعرف أسماء ألوان CSS فقط، مثل tomato أو rebeccapurple. أما الأسماء من أدوات التصميم فلا.
ما التباين الذي أحتاج إليه؟
يطلب WCAG AA نسبة 4.5:1 للنص الأساسي و3:1 للنص الكبير وعناصر الواجهة. ويطلب AAA نسبة 7:1 للنص الأساسي.