مولّد لوحة الألوان
أنشئ لوحات ألوان من الصور أو أنشئ لوحات مخصصة. يعمل على جهازك — لا يُرفع شيء ولا يُخزَّن شيء.
يبني مولّد لوحات الألوان هذا مجموعة ألوان متناسقة انطلاقًا من لون أساسي واحد. اختر اللون الأساسي بمنتقي الألوان، أو اضغط «عشوائي» لنقطة بداية جديدة، ثم اختر نظام الألوان: متتام (اللون ومقابله على عجلة الألوان)، أو ثلاثي (ثلاثة ألوان بينها 120 درجة)، أو متجاور (خمس درجات لونية متجاورة)، أو متتام منقسم، أو رباعي (أربعة ألوان بينها 90 درجة)، أو درجات (عشر خطوات من الداكن إلى الفاتح)، أو أحادي اللون (عشر خطوات من التشبّع بالدرجة اللونية نفسها).
يعرض كل مربع لون قيم HEX وRGB وHSL الخاصة به، وتنسخ القيمة بمجرد النقر عليها. ويمكنك أيضًا نسخ اللوحة كاملة كمتغيرات CSS (--color-1 و--color-2 وهكذا) أو كملف JSON يضم HEX وRGB وHSL لكل لون، أو تصديرها صورة PNG. وقفل المربع يثبّت لونه فلا يتغير حين تعدّل اللون الأساسي أو النظام.
لماذا تعمل هذه الأداة على جهازك
لوحة الألوان ليست معلومات خاصة، فلا حجة صادقة للخصوصية هنا. الفائدة أن العمل داخل الصفحة يعطيك استجابة فورية: تُعاد رسم المربعات لحظة تحريك المنتقي أو تغيير النظام، دون تثبيت أو تسجيل.
- اختر لونًا أساسيًا بمنتقي الألوان، أو اضغط «لوحة عشوائية».
- اختر نظام الألوان، مثل المتتام أو الثلاثي أو المتجاور.
- اقفل أي مربع تريد الاحتفاظ به، ثم عدّل اللون الأساسي أو النظام من جديد.
- انقر على قيمة لنسخ HEX أو RGB أو HSL، أو استخدم أزرار CSS وJSON وPNG للوحة كاملة.
- تُحسب التناسقات بتدوير الدرجة اللونية في نموذج HSL مع إبقاء التشبّع والإضاءة كما هما. هذا بسيط ويمكن التنبؤ به، لكنه ليس إدراكيًا: أصفر وأزرق بالإضاءة نفسها لن يبدوا بالسطوع نفسه، فراجع اللوحة بعينك.
- لا يوجد فحص للتباين أو إمكانية الوصول. هل يقرأ المستخدم نصًا بلون على خلفية بلون آخر؟ هذا يُفحص بأداة منفصلة.
- لا يمكن استخراج الألوان من صورة؛ تبدأ اللوحة دائمًا من اللون الأساسي الواحد الذي تختاره.
- القفل مرتبط بموضع المربع وليس بلونه. إذا انتقلت إلى نظام ألوانه أقل، تختفي المربعات المقفلة التي تتجاوز هذا العدد.
- اللوحات غير محفوظة. وحقل اسم اللوحة مجرد تسمية في الصفحة ولا يدخل في ملف CSS أو JSON أو PNG الذي تنسخه أو تصدّره. وصورة PNG تستخدم مربعًا ثابتًا بطول 200 بكسل لكل لون.