مُصدِّر اللوحة
الصق أو استورد مجموعة ألوان وصدّرها فوراً إلى متغيرات CSS وSCSS وإعداد Tailwind وJSON أو عينات SVG — الخطوة الأخيرة لأي لوحة.
الصق قيم HEX (واحدة لكل سطر، أو مفصولة بفواصل/مسافات). يُقبل أيضاً rgb() وhsl().
لم يتم العثور على ألوان صالحة — تحقق من المدخلات.
كل شيء يعمل في متصفحك — الصق لوحة وانسخ كوداً جاهزاً للإنتاج بأي تنسيق. لا تسجيل، مجاني تماماً.
حول مُصدِّر اللوحة
أداة مصدّر اللوحة هي الخطوة الأخيرة لأي لوحة ألوان: الصق مجموعة من الألوان واحصل على كود جاهز للإنتاج بالصيغة التي يحتاجها مشروعك. تقبل قيم HEX واحدة في كل سطر أو مفصولة بفواصل ومسافات، وتفهم أيضًا صيغتي rgb() وhsl().
تُنتج ستة صيغ إخراج مباشرة: خصائص CSS مخصصة، متغيرات SCSS، كتلة ألوان لإعدادات Tailwind، JSON، نماذج ألوان SVG وقائمة HEX عادية. تحافظ بادئة متغير قابلة للتخصيص على اتساق الأسماء المُنتجة مع كودك، ويمكن نسخ كل صيغة إلى الحافظة أو تنزيلها كملف.
يعمل كل شيء في متصفحك — الألوان التي تلصقها لا تُرسل إلى أي مكان أبدًا. تتناسق طبيعيًا مع أدوات اللوحة الأخرى: استخرج أو ولّد لوحة في مكان آخر، الصقها هنا، وارحل بالمقطع الدقيق الذي يتوقعه ملف التنسيق أو الإطار أو خط أنابيب التصميم لديك.
كيفية استخدام مُصدِّر اللوحة
- الصق ألوانك في الحقل — HEX أو rgb() أو hsl()، واحدة في كل سطر أو مفصولة بفواصل.
- انقر على "تحديث الألوان" لتحليلها إلى لوحة، أو حمّل النموذج لتجربتها.
- اختر صيغة تصدير: متغيرات CSS، SCSS، إعدادات Tailwind، JSON، نماذج ألوان SVG أو HEX عادي.
- اضبط بادئة المتغير إذا أردت تسمية مخصصة.
- انسخ الكود المُنتج أو نزّله كملف.