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

حوّل أي لون بين صيغ HEX وRGB وHSL وHSV وCMYK، وتحقق من وضوح النص فوقه.

استخدام مجانيبدون تسجيلمعالجة محلية

ينقل المصممون والمطورون والمسوّقون الألوان باستمرار بين أدوات تستخدم صيغًا مختلفة: CSS تفضّل HEX أو RGB، وتطبيقات التصميم تستخدم HSL أو HSV، والطباعة تستخدم CMYK. يترجم محوّل الألوان من RIZONI TOOLS بين كل هذه الصيغ لحظيًا.

كما يحسب نسبة التباين وفق WCAG للنص الأبيض والأسود على لونك، لتختار تركيبات ألوان سهلة القراءة للجميع.

طريقة استخدام أداة محوّل الألوان

  1. أدخل لونًااكتب قيمة بأي صيغة مدعومة، أو استخدم منتقي الألوان.
  2. شاهد جميع الصيغتتحدث قيم HEX وRGB وHSL وHSV وCMYK فورًا.
  3. تحقق من التبايناعرف هل يحقق النص الأبيض أو الأسود على لونك مستوى WCAG AA أو AAA.
  4. انسخانسخ أي قيمة بنقرة واحدة.

المزايا

  • HEX، وHEX بثلاث خانات، وHEX بثماني خانات مع الشفافية
  • RGB وRGBA
  • HSL وHSLA
  • HSV / HSB
  • CMYK
  • منتقي ألوان مدمج
  • نسب تباين WCAG مع النص الأبيض والأسود
  • نسخ أي صيغة بنقرة واحدة

لماذا تستخدم أداة محوّل الألوان؟

  • انقل الألوان بين أدوات التصميم والكود دون أخطاء.
  • أنشئ تركيبات ألوان سهلة الوصول.
  • احصل على قيم جاهزة لـ CSS فورًا.
  • مجاني وسريع وخاص.

فهم صيغ الألوان

تصف صيغتا HEX وRGB اللون بمكوّنات الضوء الأحمر والأخضر والأزرق، وهي اللغة الأصلية للشاشات وCSS. أما HSL (الصبغة والتشبع والإضاءة) وHSV (الصبغة والتشبع والقيمة) فتصفان الألوان نفسها بطريقة أسهل في التعديل، مثل تفتيح اللون أو تقليل تشبعه.

وتصف صيغة CMYK (السماوي والأرجواني والأصفر والأسود) الحبر على الورق. والتحويل المعروض هنا تقريب حسابي، إذ تعتمد الألوان المطبوعة فعليًا على الطابعة والورق وملف تعريف الألوان، لذا تحقق من ألوان علامتك التجارية المهمة مع المطبعة.

ماذا تعني نسبة التباين

توصي إرشادات الوصول إلى محتوى الويب (WCAG) بنسبة تباين لا تقل عن 4.5:1 للنص العادي (المستوى AA) و3:1 للنص الكبير، أما 7:1 فتحقق المستوى الأعلى AAA. ويساعد فحص التباين على جعل تصميماتك مقروءة للجميع، بمن فيهم ضعاف البصر.

الخصوصية والأمان

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

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

كيف أحوّل HEX إلى RGB؟

اكتب رمز HEX أو الصقه (مثل ‎#3043D9) في حقل الإدخال، وستظهر قيمة RGB أسفله مباشرة.

هل يدعم الشفافية؟

نعم. تحتفظ قيم HEX ذات الثماني خانات وRGBA وHSLA بقناة الشفافية.

هل قيمة CMYK دقيقة؟

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

ماذا يعني AA وAAA؟

هما مستويان لإمكانية الوصول في WCAG يخصان تباين النص؛ يتطلب AA نسبة 4.5:1 للنص العادي، ويتطلب AAA نسبة 7:1.

ما صيغ الإدخال المقبولة؟

HEX (‏#RGB و#RRGGBB و#RRGGBBAA)، وrgb()‎ وrgba()‎ وhsl()‎ وhsla()‎ وhsv()‎ أو hsb()‎ وcmyk()‎.

أدوات ذات صلة