مولّد لوحة الألوان
- الملفات لا تغادر جهازك
- يعمل في المتصفح
- مجاني، بلا حساب، بلا علامة مائية
3b82f6
e24956
3ba01b
كيفية استخدام مولّد لوحة الألوان
أنشئ لوحات ألوان بثلاث طرق: قواعد تناغم من لون أساس، أو لوحات عشوائية يمكنك تثبيتها وإعادة توليدها، أو مقياس ظلال من 11 خطوة من 50 إلى 950 مثل Tailwind. تُحسب الألوان في OKLCH، وتُصدَّر كل لوحة إلى CSS أو Tailwind v3 أو v4 أو JSON أو .gpl أو .ase.
- 1
اختر «الوضع»: تناغم، أو عشوائي، أو ظلال.
- 2
للتوافق أو الظلال، اضبط «اللون الأساس»، ثم اختر «قاعدة»، أو «اسم لون» والخطوة التي «تُبقي الأساس عندها».
- 3
للعشوائي، انقر «توليد» أو اضغط Space، وثبّت الألوان التي تريد الإبقاء عليها قبل التوليد مرة أخرى.
- 4
مرّر فوق لون وانقر أيقونة النسخ؛ وفي «التناغم» يمكنك أيضًا جعله اللون الأساس الجديد.
- 5
ضمن «التصدير»، اختر HEX أو CSS أو Tailwind v3 أو Tailwind v4 أو JSON وانسخ الشفرة، أو نزّل .gpl أو .ase.
أسئلة شائعة
لماذا تُحسب التناغمات في OKLCH؟
تُدار الصبغات في OKLCH، فيُبقي كل لون إضاءة اللون الأساس وحيويته المدرَكتين. التدوير في HSL يجعل الأصفر يبدو أفتح بكثير من الأزرق.
كيف تُبنى الظلال من 50 إلى 950؟
تتبع الإضاءة منحنى قريبًا من لوحات Tailwind نفسها، وتبلغ الصفاء ذروته حول 500–600. يُحفظ لونك الأساس تمامًا عند خطوته؛ ويختار «تلقائي» الخطوة الأقرب إلى إضاءته.
هل يمكنني العودة إلى لوحة عشوائية سابقة؟
نعم. استخدم «اللوحة السابقة» و«اللوحة التالية»؛ تُحفظ آخر 50 لوحة ما دامت الصفحة مفتوحة، ولا يُحفظ شيء بعد إغلاقها.
كم لونًا يمكن أن تحوي اللوحة؟
للوحات العشوائية من 2 إلى 10 ألوان (استخدم زري − و+). تعطي قواعد التناغم عددًا ثابتًا، مثل 2 للمتكامل و5 للمتشابه أو الأحادي، وتعطي «الظلال» 11 دائمًا.
كيف يبدو تصدير Tailwind v4؟
كتلة @theme من متغيرات --color-*، جاهزة للصق في CSS لديك. تُكتب الظلال قيم oklch() بأسماء مثل --color-brand-500؛ وتستخدم الأوضاع الأخرى HEX.