مولد لوحات الألوان
مولد لوحات ألوان مجاني: أنشئ لوحات متناسقة (متجاورة ومتكاملة وثلاثية وغيرها)، وثبّت الألوان التي تعجبك وصدّرها بصيغة HEX أو CSS.
أيضًا: استخراج ألوان الصورة ومنتقي الألوان · فاحص تباين الألوان
ما الذي تفعله
ينشئ هذا المولد لوحات ألوان للمواقع والتطبيقات والعروض التقديمية والتصاميم. اختر نوع تناسق لبناء ألوان منسجمة انطلاقًا من لون أساسي، أو اضغط على مفتاح المسافة للحصول على لوحات عشوائية، وثبّت الألوان التي تعجبك ليتغير الباقي فقط. تُحسب الألوان في الفضاء اللوني OKLCH الذي يحافظ على السطوع المُدرَك حتى عند تغيّر درجة اللون، فتبدو اللوحات متوازنة. انسخ الألوان بصيغة HEX أو كمتغيرات CSS أو JSON، أو شارك اللوحة عبر رابط.
طريقة الاستعمال
- اختر نوع التناسق واللون الأساسي، أو اترك الخيار «عشوائي».
- اضغط على مفتاح المسافة أو «توليد» حتى تعجبك اللوحة، وثبّت الألوان التي تريد الاحتفاظ بها.
- انقر على رمز لون لنسخه، أو انسخ اللوحة كاملة بصيغة HEX أو CSS أو JSON.
الأسئلة الشائعة
ماذا تعني أنواع التناسق؟
هي تركيبات كلاسيكية من عجلة الألوان: يستخدم المتجاور درجات متقاربة لمظهر هادئ، ويستخدم المتكامل درجات متقابلة لتباين قوي، ويوزّع الثلاثي والرباعي ثلاث درجات أو أربعًا بالتساوي، ويخفف المتكامل المنقسم حدة الزوج المتكامل، ويستخدم الأحادي درجة لون واحدة بعدة تدرجات.
لماذا OKLCH وليس HSL؟
في HSL، يبدو الأصفر والأزرق اللذان لهما قيمة الإضاءة نفسها مختلفين جدًا في السطوع. أما OKLCH فمصمَّم وفق الإدراك البشري، لذا يبقى سطوع الألوان متساويًا عند تدوير درجة اللون. ولهذا السبب أُضيف هذا الفضاء اللوني إلى CSS.
هل يمكنني التحقق من وضوح الألوان للقراءة؟
نعم: استخدم فاحص التباين لمعرفة ما إذا كان نص بلون ما على خلفية بلون آخر يستوفي مستويات إمكانية الوصول في WCAG.