مطور / ألوان SVG
مغيّر ألوان SVG: أعد تلوين SVG وانسخه
افحص ألوان SVG الصريحة وعدد مرات استخدامها، وعدّل نقاط التدرّج وقواعد CSS البسيطة للألوان، ثم نزّل SVG أو انسخ رمزه.
مغيّر ألوان SVG: أعد تلوين SVG وانسخه: يعثر على رموز الألوان الصريحة في سمات fill وstroke وstop-color وcolor وflood-color وlighting-color، وفي الأنماط المضمّنة وقواعد الأنماط البسيطة. تُوحَّد أسماء الألوان، وقيم hex المختصرة، وrgb() وhsl(). وتحافظ الاستبدالات على وحدات بايت المصدر الأخرى ما لم يتطلب التنقية إجراء تغييرات. يعمل 100% محليًا في المتصفح، من دون رفع أي ملفات إلى الخادم.
- الفئة
- أدوات المطورين
- مرات التشغيل
- في المتصفح
- التكلفة
- مجاني · بلا تسجيل
- التوفر
- جاهز للاستخدام
تعمل بالكامل في المتصفح
رسم SVG
تستخدم قيم التعبئة والخطوات اللونية والتدرجات في SVG مراجع قيم الألوان وخوادم الرسم. المواصفة: https://www.w3.org/TR/SVG2/painting.html
صياغة الألوان
يدعم المحلل الألوان المسماة، وhex، وrgb()، وhsl()، وcurrentColor. تُحفظ ألفا عند توفيرها. تقع متغيرات CSS ومساحات الألوان المتقدمة خارج نطاق محلل هذه الأداة. المواصفة: https://www.w3.org/TR/css-color-4/
طريقة الاستخدام
- أسقط ملف SVG أو ألصق ترميزه.
- استخدم منتقي كل لون أو أدخل لونًا بديلًا، وأعد تلوين جميع الرموز معًا اختياريًا.
- قارن بين النسختين قبل التعديل وبعده، ثم نزّل SVG المنقّى أو انسخه.
الخصوصية والقيود
يبقى رمز SVG في المتصفح. وتكون المعاينات صورًا معزولة، كما تُزال المحتويات غير الآمنة والموارد الخارجية.
أدوات ذات صلة
الأسئلة الشائعة
ما الذي يحسبه عدد مرات الاستخدام؟
رموز الألوان الصريحة في الترميز، وليس عدد وحدات البكسل المعروضة أو العناصر التي تتلقى نمطًا موروثًا.
هل التدرّجات مدعومة؟
نعم. يمكن تغيير ألوان نقاط التدرّج من دون استبدال معرّفات التدرّجات أو مراجعها.
ماذا يفعل currentColor؟
يستخدم قيمة CSS للون الموروثة عند تضمين SVG مضمّنًا. وتستخدم معاينة الصورة اللون الأسود عادةً، ما لم يعرّف SVG نفسه لونًا.
هل تُحدَّد كل ألوان CSS؟
لا. لا تُحدَّد متغيرات CSS، ومساحات الألوان المتقدمة، والقيم الافتراضية الموروثة، ونتائج المحددات المحسوبة. وتدعم الأداة التصريحات والمحددات البسيطة.
أداة مجانية · عدد مرات الاستخدام في المتصفح · لا يتطلب حسابًا