الأدوات · الألوان · مولّد لوحة الألوان
مولّد لوحة الألوان
ولّد لوحة ألوان، اقفل العينات التي تعجبك، وأعد خلط الباقي.
أضف ملفًا وشغّل الأداة.
ملفك جاهز.
جرّب ملفًا آخر، أو أعد المحاولة.
الإعدادات
اضبط الإعدادات أدناه. تتحدّث النتيجة أثناء العمل.
تعمل الأداة بالكامل داخل متصفحك. لا يُرفع أي ملف.
تعمل الأداة بالكامل داخل متصفحك. لا يُرفع أي شيء إلى أي خادم، ولا يغادر جهازك.
كيف تعمل
اضغط مفتاح المسافة، أو انقر على "لوحة جديدة"، للحصول على مجموعة جديدة من 5 ألوان.
انقر على أيقونة القفل فوق أي عينة تريد الاحتفاظ بها، ثم أعد خلط الباقي.
انسخ الكود اللوني، أو صدّر اللوحة كاملة كملف CSS أو JSON أو SVG أو PNG.
أسئلة شائعة
انقر على أيقونة قفله قبل إعادة الخلط - العينات المقفلة تبقى ثابتة بينما يتغيّر الباقي.
نعم. اخترْ صورة JPG أو PNG أو WebP أو GIF أو BMP أصغر من 25 ميغابايت، وستُستخرج منها الألوان السائدة.
خصائص CSS مخصّصة، أو JSON، أو SVG، أو شريط PNG للعينات.
لا. تُستخرج الألوان على جهازك - الصورة لا تُرسَل إلى أي خادم أبدًا.
أدلة
نظرة أقرب على مشكلات محددة تحلّها هذه الأداة.
Why Most "Nice" Colors Don't Actually Work Together
Five colors you each like on their own can still fight each other on a screen. Here's what actually makes a palette hold together, and why picking hues one at a time doesn't get you there.
اقرأ الدليلHow to Pull a Color Palette Straight Out of a Photo
You already have a photo whose colors work - a product shot, a mood board image, a landscape. Here's how to turn it into five usable hex codes, and what the tool is actually doing when it does that.
اقرأ الدليلIs Your Color Palette Actually Accessible? Here's How to Check
A palette can look great in a swatch strip and still be unreadable once one of those colors sits behind text. Here's what the AA/AAA badges actually mean and how to use them.
اقرأ الدليل
التعليقات