محوّل أكواد الألوان
محول ألوان مجاني عبر الإنترنت يترجم فورًا بين أكواد HEX وRGB وHSL وOKLCH ويحسب نسبة تباين WCAG بين لونين.
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)ضبط HSL
نسبة التباين (WCAG)
لون المقارنة:
샘플 텍스트
نسبة التباين: 3.68:1
WCAG: AA Large
تضمين
آخر تحديث: 2026 · أداة مجانية عبر الإنترنت
ما هو محوّل أكواد الألوان؟
محول ألوان مجاني عبر الإنترنت يترجم فورًا بين أكواد HEX وRGB وHSL وOKLCH ويحسب نسبة تباين WCAG بين لونين.
كيفية الاستخدام
- 1أدخل لونًا— استخدم منتقي الألوان أو إدخال النص. يتم دعم تنسيقات HEX وrgb() وhsl().
- 2عرض التنسيقات— يتم عرض تنسيقات HEX وRGB وHSL وOKLCH في وقت واحد.
- 3نسخ القيم— استخدم زر النسخ لكل تنسيق لنسخ قيمة CSS.
- 4التحقق من نسبة التباين— عيّن لون مقارنة للتحقق من نسبة تباين WCAG.
أدوات ذات صلة
مولد تدرج CSSمولد تدرجات CSS مرئي ومجاني عبر الإنترنت: صمم تدرجات خطية وشعاعية ومخروطية، وأضف نقاط ألوان متعددة، واضبط الزاوية، ثم انسخ كود CSS الجاهز لخلفيات موقعك.
مولد ظل CSS box-shadowمولّد box-shadow في CSS بضوابط للإزاحة والتمويه والانتشار واللون وinset مع معاينة حية للظل. انسخ شيفرة CSS الجاهزة لأي عنصر، مجانًا داخل المتصفح.
مرجع وحدات CSSمرجع مجاني عبر الإنترنت لوحدات CSS مثل px وem وrem و% وvw وvh وvmin وvmax وch حسب الفئة، مع شرح واضح لمتى وكيفية استخدام كل وحدة مطلقة ونسبية في تصميمك.
محوّل PX-REMمحول PX إلى REM يحسب وحدات البكسل وrem في الاتجاهين وفق حجم خط جذري قابل للتخصيص، مع دعم الكسور العشرية. يتضمن جدول مرجعي ومقتطف CSS قابلين للنسخ، مجانًا.
الأسئلة الشائعة
OKLCH هو تمثيل أسطواني لفضاء ألوان Oklab، وهو أكثر فضاء ألوان تجانسًا إدراكيًا. مدعوم في CSS Color Level 4.
تقيس فرق السطوع بين النص وألوان الخلفية. يتطلب AA نسبة 4.5:1 على الأقل، وAAA نسبة 7:1.
حاليًا يتم دعم الألوان المعتمة فقط (RGB، HEX المكون من 6 أرقام). سيتم إضافة RGBA وHSLA لاحقًا.
نعم. يمكنك لصق مخرجات كل تنسيق مباشرة في CSS.
لا. تتم جميع تحويلات الألوان في متصفحك.