ما هو لوحة الألوان الأحادية؟

اختر لوناً أساسياً وولّد منه ظلالاً داكنة وتدرجات فاتحة. حدد عدد الخطوات، ثم صدّر كمتغيرات CSS أو إعداد Tailwind أو انسخ قيم hex/RGB فردية.

كيفية الاستخدام

1. اختر لوناً أساسياً باستخدام منتقي الألوان أو أدخل كود hex مباشرةً.
2. اضبط عدد الظلال والتدرجات (الخطوات) وحدد نطاق الإضاءة والإظلام.
3. انسخ قيم الألوان الفردية، أو صدّر اللوحة بأكملها كخصائص CSS مخصصة أو كائن إعداد Tailwind أو عيّنة صورة.

النتيجة

تبني لوحة تحكم وتحتاج إلى لوحة زرقاء لتصوير البيانات. تختار #3B82F6 كلون أساسي، وتُنشئ 9 خطوات من شبه الأبيض (#EBF2FE) إلى شبه الأسود (#1A2744). تُصدّر كمتغيرات CSS وتستخدم --color-blue-100 حتى --color-blue-900 عبر مخططاتك.

أدوات ذات صلة