قم بتحويل الألوان بين أنظمة HEX وRGB وHSL وHSV وCMYK. تحقق من نسب التباين وفقًا لمعايير WCAG، وأنشئ لوحات ألوان بقواعد التناغم، وقم بإنشاء مقاييس التظليل والصبغة.
#3B82F659, 130, 246217° 91% 60%217° 76% 96%76% 47% 0% 4%rgb(59 130 246)Color Toolkit هي أداة شاملة للألوان، تجمع بين أربعة عناصر في أداة واحدة، مصممة خصيصًا للمصممين والمطورين. تتيح لك علامة التبويب "تحويل" تحويل أي لون إلى ستة تنسيقات: HEX، RGB، HSL، HSV، CMYK، بالإضافة إلى صيغة دالة rgb() في CSS. أما علامة التبويب "تباين" فتتحقق من توافق أزواج ألوان المقدمة والخلفية مع جميع عتبات WCAG 2.1 الأربعة - AA العادي، AAA العادي، AA الكبير، وAAA الكبير - وتعرض معاينة مباشرة للتركيبة. بينما تُنشئ علامة التبويب "لوحة الألوان" ستة أنواع من التناغم اللوني من أي لون أساسي: المتكامل، والمتشابه، والثلاثي، والمتكامل المنفصل، والرباعي، والأحادي اللون. وتُنتج علامة التبويب "ظلال الألوان" عشرة تدرجات لونية باتجاه الأبيض وعشرة تدرجات باتجاه الأسود.
اختر علامة تبويب للمهمة المطلوبة. في علامات تبويب "تحويل" و"لوحة الألوان" و"الظلال"، استخدم عينة اللون لفتح منتقي الألوان الأصلي أو اكتب أي رمز HEX مباشرةً في حقل النص. كما يمكنك استخدام ألوان CSS المسماة مثل "مرجاني" أو "أزرق فولاذي". في علامة تبويب "التباين"، اضبط لونَي المقدمة والخلفية بشكل مستقل، واستخدم زر التبديل لعكس اللونين. انقر على أي عينة لون في علامتَي تبويب "لوحة الألوان" أو "الظلال" لنسخ رمز HEX الخاص بها إلى الحافظة. في علامة تبويب "تحويل"، يحتوي كل صف إخراج على زر نسخ خاص به.
تتبع نسب التباين في إرشادات إمكانية الوصول إلى محتوى الويب (WCAG) صيغة الإصدار 2.1. نسبة 4.5:1 أو أعلى تُعتبر كافية لتصنيف النص العادي AA، ونسبة 7:1 تُعتبر كافية لتصنيف AAA. أما النصوص الكبيرة (بحجم 18 نقطة أو 14 نقطة بخط عريض) فلها عتبات أقل، وهي 3:1 لتصنيف AA و4.5:1 لتصنيف AAA. استخدم علامة تبويب "لوحة الألوان" لاستكشاف اتجاهات التصميم بسرعة - انقر على أي عنصر لنسخ رمزه السداسي العشري ولصقه في محرر النصوص أو أداة التصميم.