#4466EEBase color#5775F010%#6985F120%#7C94F330%#8FA3F540%#A2B3F750%#B4C2F860%#C7D1FA70%#DAE0FC80%#ECF0FD90%#FFFFFF100%#4466EEBase color#3D5CD610%#3652BE20%#3047A730%#293D8F40%#22337750%#1B295F60%#141F4770%#0E143080%#070A1890%#000000100%#4466EEBase color#4A69E310%#506BD820%#566ECD30%#5C70C240%#6273B750%#6876AC60%#6E78A170%#747B9680%#7A7D8B90%#808080100%يأخذ مولد ظلال الألوان لونًا أساسيًا واحدًا ويبني مقياسًا أحادي اللون للإصدارات الأفتح والأغمق منه. من مدخل واحد مثل #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 الشائعة، والتي تم تطبيعها جميعًا إلى نفس العينات.
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.
Convert color codes between HEX, RGB, HSL, HWB, and CMYK instantly
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX, RGB, and HSL values you can copy.
Pick colors and convert between HEX, RGB, and HSL formats
0 comments
No comments yet. Be the first to share your thoughts!