🎨 مُولّد تدرج الألوان
أنشئ مجموعات ألوان جميلة من 5 ألوان فورًا باستخدام أوضاع التوافق مثل المماثلة، المكملة، والثلاثية — أو استخرج مجموعة ألوان مباشرة من أي صورة. احفظ الألوان التي تحبها، ثم صدِّر المجموعة كقائمة HEX، متغيرات CSS، ملف تكوين Tailwind، أو JSON. إنه مجاني تمامًا ويعمل بالكامل في متصفحك بدون رفع أو تسجيل دخول.
اضغط على مفتاح الفراغ لإنشاء تشكيلة ألوان جديدة.
مصمم للخصوصية. تعمل هذه الأداة بالكامل في متصفحك — لا يتم رفع أي شيء تدخله أو تخزينه، وتعمل الأداة دون اتصال بالإنترنت.
حول
تقوم هذه الأداة ببناء مجموعات ألوان من 5 ألوان بطريقتين: إما إنشاؤها من أربعة أوضاع توافق (عشوائية، مماثلة، مكملة، ثلاثية)، أو استخراج الألوان الخمسة المهيمنة من أي صورة تختارها — تتم معالجة الصورة محليًا باستخدام median-cut للتكميم اللوني ولا يتم رفعها أبدًا. احفظ المربعات الفردية للإبقاء عليها عبر إعادة إنشاء المجموعات، ثم انسخ أي كود HEX فردي أو صدِّر المجموعة بأي تنسيق تحتاجه: قائمة عادية HEX، خصائص مخصصة CSS، مقتطف ألوان Tailwind، أو مصفوفة JSON. كل شيء يعمل في متصفحك، لذا لا تغادر أي بيانات ألوان أو صورة جهازك — لا خادم، لا حساب. تُعرض كل عينة أيضاً أقرب رقم PANTONE Solid Coated لونها (على سبيل المثال، PANTONE 185 C)، بحيث يمكن لمساحة الألوان المُستخلصة أو المُنشئة الانتقال مباشرة نحو مسار الطباعة.
كيف تستخدم
- اختر نمط التوافق — عشوائي، متناسق، مكمل، أو مثلث — من القائمة المنسدلة.
- اضغط على "إنشاء" (أو اضغط على مفتاح الفراغ) لإنشاء مزيج ألوان جديد من 5 ألوان.
- اضغط على أيقونة القفل على أي عينة لجمد هذا اللون أثناء إعادة إنشاء باقي الألوان.
- اضغط على "نسخ HEX" على أي عينة لنسخ رمز HEX الخاص بهذا اللون إلى حافظتك.
- استخدم "نسخ الكل" لتصدير جميع رموز HEX الخمسة مرة واحدة لاستخدامها في أداة التصميم الخاصة بك أو في الكود.
- اضغط على 'من الصورة' واختر صورة — تقوم الأداة بسحب الألوان الخمسة المهيمنة من الصورة إلى المجموعة، كل شيء محليًا.
- اختر تنسيق التصدير — قائمة HEX، متغيرات CSS، Tailwind، أو JSON — واضغط على 'نسخ' لوضع المجموعة في مشروعك.
الأسئلة الشائعة
- هل هذه الأداة مجانية للاستخدام؟
- نعم، تمامًا مجانية — لا يوجد اشتراك، ولا حساب، ولا حدود مخفية. فقط افتح الصفحة وابدأ بإنشاء مجموعات ألوان.
- هل ترفع بيانات الألوان الخاصة بي إلى خادم؟
- لا. تعمل الأداة بالكامل في متصفحك باستخدام JavaScript. لا يتم إرسال أي شيء إلى أي خادم — بيانات مجموعات الألوان الخاصة بك تبقى فقط في تخزين المتصفح المحلي (localStorage).
- هل تعمل أداة إنشاء مجموعات الألوان دون اتصال بالإنترنت؟
- نعم. بمجرد تحميل الصفحة، تعمل الأداة بالكامل دون اتصال بالإنترنت. لا توجد مكالمات خارجية لـ API أو اعتماديات من CDN مطلوبة.
- ما الفرق بين نماذج التوافق؟
- العشوائي يختار خمسة ألوان غير مرتبطة. المتناسق يجمع خمسة ألوان قريبة من بعضها البعض على عجلة الألوان لتشكيل مظهر هادئ ومتناغم. المكمل يختار ألوانًا من جانبي عجلة الألوان المقابلة لخلق تباين عالي. المثلث يوزع ثلاث عائلات من الألوان على مسافة 120 درجة لتشكيل مجموعات ألوان نابضة بالحيوية والمتوازنة.
- هل يمكنني الاحتفاظ بألوان أحبها أثناء إعادة إنشاء باقي الألوان؟
- نعم. اضغط على أيقونة القفل على أي عينة لجمدها. تُتجاهل العينات المجمدة أثناء الإنشاء، لذا يمكنك التكرار بحرية حول ألوانك المفضلة.
- هل يمكنني بناء مجموعة ألوان من صورة؟
- نعم. اضغط على 'من الصورة' واختر صورة؛ تقوم الأداة باستخراج الألوان الخمسة المهيمنة باستخدام median-cut للتكميم اللوني، تمامًا في متصفحك — لا يتم رفع الصورة أبدًا.
- ما تنسيقات التصدير المتاحة؟
- انسخ المجموعة كقائمة عادية HEX، خصائص مخصصة CSS (متغيرات :root)، مقتطف ألوان Tailwind، أو مصفوفة JSON — جاهزة للصق في كودك أو أداة التصميم الخاصة بك.
- هل يمكنني رؤية أرقام بانتون للمساحة؟
- نعم. تظهر كل من الخمسة شرائح الألوان رمز HEX الخاص بها وأقرب مطابقة لون PANTONE Solid Coated (مثلاً PANTONE 185 C)؛ اضغط على ملصق Pantone لنسخه. تستخدم المطابقات صيغة CIEDE2000 الإدراكية وتعتبر مرجعاً تقريبياً لـ sRGB، نظراً لأن ألوان Pantone المخصصة معرفة بشكل فيزيائي وليس عبر قيمة الشاشة.
- هل هذه الأداة ترفع بياناتي؟
- لا. يعمل كل شيء مباشرة في متصفحك، لذا بياناتك لن تغادر جهازك أبداً — بل إنها تعمل دون اتصال بالإنترنت بمجرد تحميل الصفحة.