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