التصميم
مولد تدرجات الألوان
ظلال وإضاءات أي لون.
قيم ثابتة 50–950؛ 50 هو الأفتح، و950 هو الأغمق، و500 هو لون الإدخال الدقيق.
نسب واجهة المستخدم؟ حاسبة نسبة العرض إلى الارتفاع · تناغمات: مولد لوحة الألوان · معيار WCAG: مدقق تباين الألوان.
بناء لوحة ألوان
أنشئ مقياس نظام تصميم إدراكيًا ثابتًا 50–950 أو خطوات درجات فاتحة/داكنة مخصصة، ثم انسخ خصائص CSS المخصصة أو نزّل JSON.
الأسئلة الشائعة
ما هو التدرج اللوني والظل؟
Tint هو تنويع أفتح للون، وshade تنويع أغمق. تضبط هذه الأداة الإضاءة والتشبع اللوني الإدراكيين في OKLCH بدلًا من استيفاء قنوات sRGB المشفّرة.
كيف أنسخ لونًا؟
انقر على أي عينة لنسخ قيمة HEX الخاصة بها. استخدم «نسخ متغيرات CSS» أو «تنزيل JSON» لتصدير التدرج بالكامل.
ما فائدة هذا؟
إنشاء لوحات ألوان وتدرجات لنظام التصميم من لون علامة تجارية واحد — صدّرها كخصائص CSS مخصصة أو tokens بنمط Tailwind.
آخر تحديث: