مولد درجات اللون — مجاني على الإنترنت
انشئ درجات فاتحة وداكنة من اي لون اساسي.
Who uses the مولد درجات اللون?
- مطورو الواجهة الأمامية الذين ينشئون لوحات ألوان العلامة التجارية لأنظمة التصميم ومكتبات المكونات.
- المصممون الذين يختارون تدرجات أفتح أو أغمق من ألوان العلامة التجارية لحالات التحويم/التنشيط.
- مصممو واجهات المستخدم الذين يبنون تدرجات ألوان متماسكة لواجهات متسقة بصريًا.
How the مولد درجات اللون works
أدخل لونًا أساسيًا بصيغة HEX، أو اخترْه عبر منتقي الألوان.
تُنشئ الأداة 9 درجات أفتح و9 درجات أغمق من لونك الأساسي، معروضة كعينات hex.
انقر على أي عينة لنسخ رمزها الست عشري إلى الحافظة.
يظهر اللون الأساسي نفسه بشكل منفصل بين صفوف الدرجات الفاتحة والداكنة.
Tips & tricks
- انقر على أي عينة — وليس فقط اللون الأساسي — لنسخ رمزها الست عشري المحدد؛ يظهر مؤشر صغير "Copied!" للتأكيد.
- لا يوجد زر "تصدير الكل"، لذا إذا احتجت كتلة كاملة من كود متغيرات CSS أو إعداد Tailwind، انسخ كل عينة تحتاجها على حدة.
- بما أن المزج هو RGB بسيط، فقد تبدو التينتس شديدة الفتحة للألوان المشبعة باهتة قليلًا مقارنة بأدوات اللوحات المعايرة إدراكيًا.
- اكتب رمز hex مباشرة في مربع النص للحصول على لون دقيق، بدلًا من الاعتماد على شبكة عينات منتقي الألوان.
Frequently Asked Questions
كم عدد الألوان التي تُنتجها هذه الأداة؟
19 لونًا إجمالًا: 9 تينتس (أفتح، ممزوجة بالأبيض)، لونك الأساسي، و9 شيدز (أغمق، ممزوجة بالأسود). العينات موسومة برموزها الست عشرية، وليس بمستويات مرقمة.
هل تستخدم هذه الأداة اصطلاح تسمية Tailwind من 50 إلى 950؟
لا — تُعرض العينات كرموز hex عادية، بدون تسميات مستويات Tailwind الرقمية (50، 100، 200… 950). يمكنك ربط قيم hex الناتجة بتسمية Tailwind يدويًا إذا احتجت لذلك.
ما الفرق بين الشيد والتينت؟
التينت هو لون ممزوج بالأبيض (أفتح). الشيد هو لون ممزوج بالأسود (أغمق). تُنتج هذه الأداة كلا الاتجاهين من لونك الأساسي.
ما طريقة مزج الألوان التي تستخدمها هذه الأداة؟
مزج RGB خطي بسيط نحو الأبيض (التينتس) أو الأسود (الشيدز). لا تستخدم فضاء لون متجانس إدراكيًا مثل OKLCH، لذا قد تبدو التدرجات شديدة التشبع غير متساوية قليلًا عند التفتيح/التغميق مقارنة بالألوان المحايدة — لا يوجد خيار لتبديل طريقة المزج.
هل يمكنني تصدير اللوحة كمتغيرات CSS أو ملف إعداد Tailwind؟
لا يوجد تصدير تلقائي — لا يوجد زر تصدير جماعي. انقر على كل عينة تحتاجها ثم الصق رموزها الست عشرية يدويًا في متغيرات CSS أو إعدادات Tailwind لديك.
Is my data safe when using the مولد درجات اللون?
Completely safe. The مولد درجات اللون processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the مولد درجات اللون output in commercial projects?
Yes. The مولد درجات اللون is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the مولد درجات اللون follow official standards?
Yes. The مولد درجات اللون is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.