ToolsMaxxing

محول الألوان

حوّل اللون بين 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. 1اكتب لونًا بأي صيغة، أو اخترْه بمنتقي الألوان.
  2. 2اقرأ اللون نفسه بكل الصيغ.
  3. 3انسخ الصيغة التي تحتاج إليها.
  4. 4تحقق من سطور التباين لمعرفة هل النص عليه مقروء.

ماذا تفعل الخيارات

المدخلات المقبولة
#rgb و#rrggbb و#rrggbbaa وrgb() وhsl() وأسماء ألوان CSS مثل tomato.
التباين
نسبة WCAG مقابل الأبيض والأسود. النسبة 4.5:1 هي مستوى AA للنص العادي.

الخصوصية

كل شيء يُحسب في متصفحك. ما تدخله لا يُرسل إلى أي خادم.

أسئلة شائعة

أي صيغة أستخدم في موقع ويب؟

كلها تعمل في CSS. HEX هي الأشيع والأقصر. أما HSL فأسهل في الضبط يدويًا لأن الإضاءة والتشبع منفصلان.

هل يمكنني استخدام قيمة CMYK للطباعة؟

كدليل تقريبي فقط. تحوّل المطابع الألوان بملفات تعريف الألوان، وغالبًا تُطبع ألوان الشاشة الساطعة أكثر خفوتًا.

ما الرقم في HEX المكوّن من ثمانية أرقام؟

الرقمان الأخيران يحددان الشفافية من 00 (شفاف) إلى ff (معتم).

لماذا لم يُتعرف على لوني؟

استخدم رمز HEX صالحًا أو صيغة rgb() أو hsl() أو اسم لون CSS. الأسماء من أدوات أخرى ليست أسماء CSS.

هل هذه هي الأداة نفسها الموجودة في أدوات المطورين؟

نعم، المحول نفسه. هو مدرج في المكانين لتجده من أي منهما.

أدوات ذات صلة