OneKitTools logoOneKitTools

منشئ لوحة ألوان CSS

أنشئ لوحات ألوان متناسقة من أي لون أساسي — مكمّل ومتقارب وثلاثي والمزيد

حول منشئ لوحة ألوان CSS

أنشئ لوحات ألوان متناسقة من أي لون أساسي — صدّر كمتغيرات CSS أو متغيرات SCSS أو إعدادات Tailwind، كل شيء في المتصفح.

كيفية استخدام منشئ لوحة ألوان CSS

  1. 1اختر لوناً أساسياً باستخدام منتقي الألوان أو أدخل قيمة HEX.
  2. 2اختر نوع التناسق: مكمّل أو متقارب أو ثلاثي أو مكمّل منقسم أو رباعي أو أحادي اللون.
  3. 3اعرض اللوحة المُنشأة بقيم HEX وRGB وHSL لكل لون.
  4. 4انقر على أي عينة لون لنسخ قيمتها.
  5. 5صدّر اللوحة بأكملها كمتغيرات CSS أو متغيرات SCSS أو إعدادات Tailwind.

نصائح

  • اللوحات أحادية اللون هي الأكثر أماناً للمبتدئين — تبدو دائماً متناسقة واحترافية.
  • اللوحات الثلاثية نابضة بالحياة لكن تتطلب توازناً دقيقاً — استخدم لوناً واحداً كمهيمن والآخرين كلمسات.
  • صدّر كإعدادات Tailwind لإسقاط اللوحة مباشرة في ملف tailwind.config.js.

أدوات ذات صلة

فريق OneKitToolsتم التحديث 2.21.4