أدوات تصميم مجانية
مولّد لوحة الألوان
أنشئ لوحات ألوان عملية من لون أساسي وانسخ متغيرات HEX أو RGB أو HSL أو CSS.
اختر نمطًا واحصل على تركيبات عملية لخطوط العناوين والنصوص والخطوط المميزة مع مقتطفات CSS.
نموذج اقتران الخطوط
يعمل Source Serif 4 جيدًا مع نصوص المتن المقروءة وأوصاف المنتجات والوثائق وواجهات الأدوات.
@import url('https://fonts.googleapis.com/css2?family=Inter&family=Source+Serif+4&family=IBM+Plex+Mono:wght@400;600;700&display=swap');
:root {
--font-heading: 'Inter', sans-serif;
--font-body: 'Source Serif 4', sans-serif;
--font-accent: 'IBM Plex Mono', monospace;
}تعمل هذه الأداة في متصفحك ولا تتطلب حسابًا.
لا. إنها تستند إلى قواعد تنسيق منتقاة تعمل داخل المتصفح.
نعم. تتضمن النتيجة عنوان URL لاستيراد Google Fonts عند الاقتضاء.
تابع باستخدام أداة أخرى تعمل في المتصفح.
أنشئ لوحات ألوان عملية من لون أساسي وانسخ متغيرات HEX أو RGB أو HSL أو CSS.
أنشئ مفاهيم لأيقونات التطبيقات من حرف أو رمز تعبيري وصدّر ملفات PNG أو SVG.