🎨 مُولّد تدرج الألوان
أنشئ مجموعات جميلة من 5 لون فورًا باستخدام أوضاع التوافق مثل متشابه ومتضاد وثلاثي — أو استخرج مجموعة مباشرة من أي صورة أو من كلمة مزاج مثل غروب الشمس. اقفل الألوان التي تعجبك فيبنى باقي المجموعة حولها، ثم صدر المجموعة كقائمة HEX أو متغيرات CSS أو إعداد Tailwind أو JSON أو رموز Figma. إنها مجانية تمامًا وتعمل كاملة في متصفحك دون رفع أو تسجيل دخول. هل تبحث عن بديل مجاني لـCoolors؟ فإصدار Toolio مجاني تمامًا ولا يحتاج إلى تسجيل.
اضغط على مفتاح الفراغ لإنشاء تشكيلة ألوان جديدة.
مصمم للخصوصية. تعمل هذه الأداة بالكامل في متصفحك — لا يتم رفع أي شيء تدخله، ويمكنها العمل دون اتصال بالإنترنت.
حول
تبني هذه الأداة مجموعات من 5 لون بثلاث طرق: توليدها من أربعة أوضاع توافقية (عشوائي، متشابه، متضاد، ثلاثي)؛ أو كتابة كلمة مزاج مثل غروب الشمس أو المحيط أو السيبربانك للحصول على مجموعة بهذا النمط؛ أو استخراج خمسة لون بارز من أي صورة تختارها — تعالج الصورة محليًا بالتكميم بالقطع الوسيط، وكل نتيجة لون موجود فعلًا في الصورة، ولا يرفع أي شيء. اقفل أي عينة فردية للاحتفاظ بها عند إعادة التوليد، وفي أوضاع متشابه ومتضاد وثلاثي يبنى باقي المجموعة حول درجة العينة المقفلة الأولى. انسخ أي رمز HEX مفرد أو صدر المجموعة كاملة بالتنسيق الذي تحتاجه: قائمة HEX عادية أو خصائص CSS مخصصة أو مقتطف ألوان Tailwind أو مصفوفة JSON أو رموز تصميم Figma. كل شيء يعمل في متصفحك، فلا تغادر أي بيانات لون أو صورة جهازك أبدًا — لا خادم ولا حساب. وتعرض كل عينة أيضًا أقرب رقم PANTONE Solid Coated (على سبيل المثال PANTONE 185 C)، لتنتقل المجموعة المنشأة أو المستمدة من الصورة مباشرة إلى سير عمل الطباعة.
كيف تستخدم
- اختر وضع التوافق — عشوائي أو متشابه أو متضاد أو ثلاثي — من قائمة الوضع المنسدلة.
- اضغط زر أنشئ (أو اضغط مفتاح المسافة) لإنشاء مجموعة جديدة من 5 لون.
- اضغط أيقونة القفل على أي عينة للاحتفاظ بذلك اللون، ويعاد توليد العينات الأخرى حول درجته (وفي وضع عشوائي تبقى عشوائية).
- اضغط على "نسخ HEX" على أي عينة لنسخ رمز HEX الخاص بهذا اللون إلى حافظتك.
- استخدم نسخ الكل لنسخ خمسة لون دفعة واحدة بتنسيق التصدير المحدد بجانبه، لاستخدامها في أداة التصميم أو الشيفرة.
- اضغط من الصورة واختر صورة — تسحب الأداة خمسة لون سائد منها إلى المجموعة، وكل ذلك محليًا.
- اختر تنسيق التصدير — قائمة HEX أو متغيرات CSS أو Tailwind أو JSON أو رموز Figma — واضغط نسخ الكل لوضع المجموعة في مشروعك.
- أو اكتب كلمة مزاج مثل غروب الشمس أو المحيط أو السيبربانك واضغط من المزاج لتوليد مجموعة بهذا النمط.
الأسئلة الشائعة
- هل هذه الأداة مجانية للاستخدام؟
- نعم، تمامًا مجانية — لا يوجد اشتراك، ولا حساب، ولا حدود مخفية. فقط افتح الصفحة وابدأ بإنشاء مجموعات ألوان.
- هل ترفع بيانات الألوان الخاصة بي إلى خادم؟
- لا. تعمل الأداة بالكامل في متصفحك باستخدام JavaScript. لا يتم إرسال أي شيء إلى أي خادم — بيانات مجموعات الألوان الخاصة بك تبقى فقط في تخزين المتصفح المحلي (localStorage).
- هل تعمل أداة إنشاء مجموعات الألوان دون اتصال بالإنترنت؟
- نعم. بمجرد تحميل الصفحة، تعمل الأداة بالكامل دون اتصال بالإنترنت. لا توجد مكالمات خارجية لـ API أو اعتماديات من CDN مطلوبة.
- ما الفرق بين نماذج التوافق؟
- يختار وضع عشوائي خمسة لون لا ترابط بينها. يوزع وضع متشابه خمسة لون بفاصل 20° على امتداد 80° من عجلة الألوان لمظهر هادئ ومتماسك. يضع وضع متضاد عينتين قرب الدرجة الأساسية وثلاثة على الجانب المقابل من العجلة (170° و180° و190°) لتباين عال. يضع وضع ثلاثي الدرجات بفاصل 120°: عينتين قرب الدرجة الأساسية وعينتين قرب +120° وواحدة عند +240°. يتفاوت التشبع والإضاءة ضمن نطاق معتدل في كل وضع. العجلة هي عجلة HSL (ضوء الشاشة)، لذا فمكمل الأحمر هو السماوي وليس الأخضر.
- هل يمكنني الاحتفاظ بألوان أحبها أثناء إعادة إنشاء باقي الألوان؟
- نعم. اضغط على أيقونة القفل على أي عينة للحفاظ عليها. تُتجاهل العينات المُقفلة أثناء الإنشاء. في أوضاع متشابه، متضاد، وثلاثي تُبنى العينات الأخرى حول لون العينة المُقفلة الأولى (العينة الرمادية لا تحتوي على لون وتجاهلها لهذا الغرض)، لذا تبقى المجموعة متناغمة حول لونك المفضل؛ في وضع عشوائي تبقى عشوائي. يتم حفظ مجموعتك وقفلها في هذا المتصفح.
- هل يمكنني بناء مجموعة ألوان من صورة؟
- نعم. اضغط على 'من الصورة' واختر صورة. تقوم الأداة بتقليل حجمها، وجمع البكسلات المتشابهة باستخدام تكميم القطع الوسيط، وتحديد خمس مجموعات بارزة تبدو مختلفة تمامًا عن بعضها البعض. كل نتيجة هي لون موجود فعليًا في الصورة وليس متوسطًا، مُصنفة من الداكن إلى الفاتح، وكل شيء يحدث في متصفحك — لا يتم رفع الصورة أبدًا. إذا كانت الصورة تحتوي على أقل من خمسة ألوان مميزة، مثل لون واحد مسطح، فإن العينات المتبقية هي درجات أفتح وأغمق من اللون المهيمن.
- ما تنسيقات التصدير المتاحة؟
- انسخ المجموعة كقائمة عادية HEX، خصائص مخصصة CSS (:root variables)، قطعة ألوان Tailwind، مصفوفة JSON، أو عناصر تصميم Figma (تنسيق Tokens Studio). اختر التنسيق من القائمة المنسدلة، ثم اضغط على نسخ الكل — جاهزة للصق في كودك أو أداة التصميم الخاصة بك.
- هل يمكنني رؤية أرقام بانتون للمساحة؟
- نعم. تظهر كل من الخمسة شرائح الألوان رمز HEX الخاص بها وأقرب مطابقة لون PANTONE Solid Coated (مثلاً PANTONE 185 C)؛ اضغط على ملصق Pantone لنسخه. تستخدم المطابقات صيغة CIEDE2000 الإدراكية وتعتبر مرجعاً تقريبياً لـ sRGB، نظراً لأن ألوان Pantone المخصصة معرفة بشكل فيزيائي وليس عبر قيمة الشاشة.
- هل يمكنني إنشاء مجموعة ألوان من كلمة؟
- نعم. اكتب كلمة تعبر عن المزاج مثل غروب الشمس، أو المحيط، أو السيبر بانك، أو بانغ سايك (الألوان الخمسة التقليدية الكورية) في مربع المزاج واضغط على من المزاج. تستخدم الكلمات المعروفة نطاقًا مطابقًا من درجة اللون والتشبع والسطوع، وتعيد بانغ سايك الألوان الخمسة التقليدية الثابتة. تنتج الكلمات التي لا تعرفها الأداة مجموعة ألوان، لكن ألوانها لا ترتبط بمعنى الكلمة.
- هل هذه الأداة ترفع بياناتي؟
- لا. يعمل كل شيء مباشرة في متصفحك، لذا بياناتك لن تغادر جهازك أبداً — بل إنها تعمل دون اتصال بالإنترنت بمجرد تحميل الصفحة.
تم تشغيله 32 مرة في آخر 29 أيام. النتيجة تم نسخها أو تنزيلها: 12% تم قياسه على خوادمنا الخاصة، 2026-10-11–2026-11-09.