ما هو مولد ظلال الألوان؟
يأخذ مولد ظلال الألوان لونًا أساسيًا واحدًا ويبني مقياسًا أحادي اللون للإصدارات الأفتح والأغمق منه. من مدخل واحد مثل #4466EE، ينتج صفًا من الصبغات التي تتجه نحو اللون الأبيض، وصف من الظلال التي تتجه نحو اللون الأسود، وصف من درجات الألوان التي تتجه نحو اللون الرمادي. كل عينة هي لون حقيقي يمكنك نسخه بتنسيق HEX أو RGB أو HSL وإسقاطه مباشرة في CSS أو ملف تصميم أو تكوين سمة.
المقاييس الثلاثة تأتي من التعريفات الكلاسيكية المستخدمة في نظرية الألوان. الصبغة هي اللون الأساسي الممزوج باللون الأبيض، مما يزيد من خفته مع الحفاظ على نفس اللون. الظل هو القاعدة الممزوجة باللون الأسود، مما يؤدي إلى تغميقها. النغمة هي القاعدة الممزوجة باللون الرمادي، مما يقلل من كثافتها ويعطي نسخة صامتة وأكثر تطورًا من اللون. إن الحصول على الثلاثة من مدخل واحد هو ما يتيح لك إنشاء لوحة متماسكة: زر وحالة التحليق الخاصة به، أو مجموعة من سلاسل المخططات، أو الأسطح الفاتحة والداكنة للواجهة، وكلها مستمدة من لون علامة تجارية واحدة.
يعمل المولد بالكامل في متصفحك. يتم تحليل اللون الذي تدخله ويتم حساب المقاييس باستخدام JavaScript من جانب العميل، لذلك لا يتم تحميل أي شيء، ولا يوجد حساب، ولا يتم تتبع عملك أبدًا. فهو يقبل أسماء الألوان HEX وrgb() وhsl() وCSS الشائعة، ويتيح لك تعيين عدد الخطوات التي يحتوي عليها كل مقياس، ويقوم بتحديث كل عينة على الفور. بمجرد تحميل الصفحة، فإنها تعمل دون اتصال بالإنترنت.
كيفية استخدام مولد ظلال الألوان؟
أدخل اللون الأساسي
اكتب أو الصق لونًا في أي بناء جملة شائع: رمز HEX مثل #4466EE، أو قيمة rgb() أو hsl()، أو اسم لون CSS مثل البط البري.
اضبط عدد الخطوات
اختر عدد الاختلافات التي يجب أن يحتوي عليها كل مقياس. المزيد من الخطوات تعطي تدرجًا أدق من القاعدة نحو الأبيض أو الأسود أو الرمادي.
قم بمراجعة الصبغات والظلال والنغمات
تعرض الأداة ثلاثة مقاييس جنبًا إلى جنب، كل عينة مُسمى بقيمتها HEX والنسبة المئوية الممزوجة باللون المستهدف.
انسخ اللون الذي تحتاجه
انقر فوق أي عينة لنسخ قيمتها. قم بتبديل تنسيق النسخ بين HEX وRGB وHSL لمطابقة بناء الجملة الذي يتوقعه مشروعك.
الميزات الرئيسية
الصبغات والظلال والنغمات
ينتج لون أساسي واحد ثلاثة مقاييس كاملة في وقت واحد: صبغات أفتح، وظلال أغمق، ودرجات ألوان صامتة نحو اللون الرمادي.
كل قيمة قابلة للنسخ
تتوفر كل عينة على شكل HEX وRGB وHSL، لذا يمكنك لصقها مباشرة في CSS أو أداة تصميم أو ملف سمة.
خطوات قابلة للتعديل
اضبط من 2 إلى 20 خطوة لكل مقياس للتحكم في مدى دقة التدرج بين اللون الأساسي والأبيض أو الأسود أو الرمادي.
مدخلات متسامحة
يقبل قيم HEX وrgb() وhsl() المكونة من 3 و6 أرقام وأسماء ألوان CSS الشائعة، والتي تم تطبيعها جميعًا إلى نفس العينات.
Frequently Asked Questions
Related Tools
Color Contrast Checker
Check the contrast ratio between a text color and its background against WCAG 2.2 AA and AAA thresholds, with a live preview and one-click accessible-color suggestions.
Color Converter
Convert color codes between HEX, RGB, HSL, HWB, and CMYK instantly
Color Mixer
Blend two colors with adjustable ratio and blend modes, and build a gradient between them
Color Palette Generator
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX codes you can copy and a CSS variables export.
Comments
0 comments
No comments yet. Be the first to share your thoughts!