منشئ لوحة ألوان CSS
أنشئ لوحات ألوان متناسقة من أي لون أساسي — مكمّل ومتقارب وثلاثي والمزيد
حول منشئ لوحة ألوان CSS
أنشئ لوحات ألوان متناسقة من أي لون أساسي — صدّر كمتغيرات CSS أو متغيرات SCSS أو إعدادات Tailwind، كل شيء في المتصفح.
كيفية استخدام منشئ لوحة ألوان CSS
- 1اختر لوناً أساسياً باستخدام منتقي الألوان أو أدخل قيمة HEX.
- 2اختر نوع التناسق: مكمّل أو متقارب أو ثلاثي أو مكمّل منقسم أو رباعي أو أحادي اللون.
- 3اعرض اللوحة المُنشأة بقيم HEX وRGB وHSL لكل لون.
- 4انقر على أي عينة لون لنسخ قيمتها.
- 5صدّر اللوحة بأكملها كمتغيرات CSS أو متغيرات SCSS أو إعدادات Tailwind.
نصائح
- اللوحات أحادية اللون هي الأكثر أماناً للمبتدئين — تبدو دائماً متناسقة واحترافية.
- اللوحات الثلاثية نابضة بالحياة لكن تتطلب توازناً دقيقاً — استخدم لوناً واحداً كمهيمن والآخرين كلمسات.
- صدّر كإعدادات Tailwind لإسقاط اللوحة مباشرة في ملف tailwind.config.js.
أدوات ذات صلة
فريق OneKitToolsتم التحديث 2.21.4