محوّل الألوان

حوّل اللون إلى كل الصيغ التي تحتاجها وتحقق من إمكانية الوصول إليه. الصق أي صيغة أو اختر من منتقي الألوان، واقرأ نتائج تباين WCAG، واحصل على لوحة درجات جاهزة.

إدخال اللون

أي صيغة لون
منتقي الألوان
#3b82f6

كل الصيغ

  • HEX
    #3b82f6
  • HEX+A
    #3b82f6
  • RGB
    rgb(59, 130, 246)
  • RGBA
    rgba(59, 130, 246, 1)
  • HSL
    hsl(217, 91%, 60%)
  • HSLA
    hsla(217, 91%, 60%, 1)
  • HSV
    hsv(217, 76%, 96%)
  • CMYK
    cmyk(76%, 47%, 0%, 4%)

التباين وإمكانية الوصول

على خلفية بيضاء3.68:1
نص تجريبي للمعاينة
AA AA Large AAA AAA Large
على خلفية سوداء5.71:1
نص تجريبي للمعاينة
AA AA Large AAA AAA Large

الدرجات والتدرجات

  • #e7effe
  • #b6d0fc
  • #85b1f9
  • #5492f7
  • #2473f5
  • #0a5adb
  • #0846ab
  • #06327a
  • #031e49
  • #010a18
تتم كل المعالجة محليًا داخل متصفحك. صورك لا تغادر جهازك أبدًا.

طريقة الاستخدام

  1. 1

    اكتب لونًا بأي صيغة أو استخدم المنتقي.

  2. 2

    اقرأ التحويلات إلى HEX وRGB وHSL وHSV وCMYK.

  3. 3

    راجع نتائج التباين مقابل الأبيض والأسود.

  4. 4

    انقر على أي درجة لتصبح اللون الأساسي الجديد.

الصيغ المدعومة

يقبل

ينتج

الأسئلة الشائعة

‏HEX بثلاث أو أربع أو ست أو ثماني خانات، وrgb() وrgba() وhsl() وhsla() وأسماء ألوان CSS القياسية.

تقارن سطوع لونين، وتشترط معايير WCAG نسبة 4.5:1 على الأقل للنص العادي و3:1 للنص الكبير.

كلاهما يصف درجة اللون، لكن HSL يقوم على الإضاءة بينما يقوم HSV على القيمة أو السطوع، وهو أنسب لمنتقي الألوان.

هو تقريب رياضي، والناتج الفعلي يعتمد على ملف الألوان والحبر والورق.

بالحفاظ على درجة اللون والتشبع وتغيير الإضاءة تدريجيًا، ما يعطي سلّمًا متسقًا من الفواتح والغوامق.

نبذة معمّقة عن الأداة: محوّل الألوان

كل ترميزات الألوان في كل اتجاه

يترجم محوّل الألوان الألوان بين HEX وRGB وHSL وCMYK فوراً — اكتب أي صيغة فتتحدث الأخرى حية، مع عيّنة بصرية وأزرار نسخ لكل ترميز. وفاحص التباين المدمج يُظهر هل النص الأبيض أم الأسود مقروء على لونك.

التصميم والكود يتحدثان لغتي ألوان مختلفتين: المصممون يسلمون HEX، وCSS يقبل RGB وHSL، ومطابع تريد CMYK، وإرشادات الوصول تحكم نسب التباين. التحويل اليدوي حسابٌ عرضة للخطأ؛ والمحوّل يبقي كل ترميز متزامناً فيكون اللون الذي شحنته هو اللون الذي اعتمدته.

يحوّل قراءة التباين الأداة إلى فحص وصول أيضاً — تظهر نسب تباين WCAG أثناء التحرير، فتغمّق الخلفية أو تقلب لون النص قبل أن يراها مراجع. وكل شيء يُحسب محلياً وفوراً.

مثل جميع أدوات بيكلّايزر، تعمل هذه الأداة بالكامل داخل متصفحك — وتبقى ملفاتك على جهازك.

أدوات ذات صلة