استوديو CSS المرئي
ولّد تدرجات وظلال وحدودًا دائرية وتحويلات ثلاثية الأبعاد بصريًا.
استوديو الألوان يجمع بين الدقة والسرعة: حوّل أي لون بين المساحات الشائعة، واستخرج الألوان المهيمنة من صورة، واختبر تباين النص على الخلفية وفق WCAG 2.1 وخوارزمية APCA، ثم ولّد سلم درجات متناسقًا لنظام التصميم الخاص بك.
حوّل مساحات الألوان، وافحص تباين WCAG وAPCA، وابنِ سلالم ألوان.
مساحة العمل أدناه هي الأداة الحقيقية. لا تزال بعض تسميات الضوابط المتخصصة جدًا قيد الترجمة؛ أما المعرفات التقنية والصيغ والأكواد فتبقى دائمًا بصيغتها القياسية.
انتقل للأسفل إلى الدليل العربي الكامل وخطوات الاستخدام والأسئلة الشائعة.
استوديو الألوان يجمع بين الدقة والسرعة: حوّل أي لون بين المساحات الشائعة، واستخرج الألوان المهيمنة من صورة، واختبر تباين النص على الخلفية وفق WCAG 2.1 وخوارزمية APCA، ثم ولّد سلم درجات متناسقًا لنظام التصميم الخاص بك.
يضم هذا الاستوديو 3 مساحات عمل تغطي المهام المتقاربة، ويمكنك التنقل بينها دون مغادرة الصفحة أو إعادة رفع مدخلاتك في كل مرة.
تحويل بين HEX وRGB وHSL وOKLCH وCMYK وتوليد سلالم درجات واستخراج لوحة من صورة.
حساب نسبة التباين وفق WCAG 2.1 ودرجة APCA مع تحديد مستوى AA وAAA.
توليد تناغمات لونية وحساب فرق اللون ΔE وبناء مصفوفة تباين N×N.
افتح استوديو الألوان واختر من 3 مساحات عمل الوضع الذي يطابق مهمتك: مساحات الألوان والسلالم ومستخرج الصور أو مدقق تباين WCAG 2.1 وAPCA.
أدخل قيمة لون أو صورتان (نص وخلفية) أو صورة مباشرة في الصفحة، ثم اختيار التحويل أو التباين أو التوليد. لا حاجة لإنشاء حساب أو رفع الملفات إلى خادم.
راجع قيم ألوان أو تقرير تباين أو سلم ألوان في المعاينة، ثم انسخه أو نزّله. إذا لم تكن النتيجة كما توقعت، عدّل الإعدادات وأعد المحاولة.
درجة APCA من خوارزمية ما زالت قيد التطوير ولا تُعد بديلًا عن متطلبات WCAG 2.1 الرسمية. حكم دائمًا على النص الحقيقي وحجمه ووزنه.
تعتمد النتائج على دعم متصفحك لواجهات الويب مثل Canvas وWeb Audio وWeb Crypto وWebAssembly. قد تكون الملفات الكبيرة جدًا بطيئة أو تتجاوز حدود ذاكرة المتصفح. ولا يمكن لأي أداة في هذا الموقع ضمان نسبة ضغط محددة، أو استعادة الملفات التالفة، أو دعم كل تفريعات صيغة ملف معيّنة.
تسميات الضوابط الظاهرة هنا هي واجهة المنتج الأصلية. نُبقي الأسماء التقنية (JSON وPDF وSVG وWebP وJWT…) بصيغتها المعيارية عن قصد.
الحد الأدنى 4.5:1 للنص العادي و3:1 للنص الكبير (18pt عادي أو 14pt عريض). أما AAA فيتطلب 7:1 للنص العادي.
لا، هو شرط واحد فقط. راجع أيضًا حجم الخط وتباعد الأسطر وحالة التركيز وعدم الاعتماد على اللون وحده لنقل المعلومة.
لا. يعمل استوديو الألوان داخل ذاكرة متصفحك؛ تُقرأ المدخلات محليًا وتظهر النتائج في الصفحة نفسها دون إرسالها إلى خادم معالجة.
نعم على المتصفحات الحديثة، لكن بعض مساحات العمل تحتاج شاشة أكبر لعرض الجداول أو المعاينات براحة. درجة APCA من خوارزمية ما زالت قيد التطوير ولا تُعد بديلًا عن متطلبات WCAG 2.1 الرسمية. حكم دائمًا على النص الحقيقي وحجمه ووزنه.
ولّد تدرجات وظلال وحدودًا دائرية وتحويلات ثلاثية الأبعاد بصريًا.
ابنِ تخطيطات Grid وFlexbox بصريًا، وولّد خطوطًا مرنة بـclamp().
ضغط دفعات الصور وتحويل صيغها وقصّها وتنظيف بيانات EXIF محليًا.
عاين نتائج البحث، وولّد وسوم Meta وJSON-LD، واختبر robots.txt.