درجات فاتحة وداكنة ومحايدة

مولد درجات الألوان

ابدأ بلون HEX أو مرجع Pantone وأنشئ مقياسا كاملا للواجهة والهوية ومتغيرات CSS و Tailwind.

اللون الأساسي
استخدم مرجع Pantone

اختر مرجع Pantone لاستخدام قيمة HEX الرقمية التقريبية كلون أساسي.

وضع المقياس
تنسيق الإخراج
أقرب مرجع Pantone
2727 C
#307FE2

مطابقات Pantone هي تقريب رقمي للمرجع فقط. تحقق من أعمال الطباعة المهمة باستخدام الأدلة الفيزيائية الرسمية.

مقياس اللون الناتج

انقر على أي عينة لنسخ قيمة HEX، أو انسخ المقياس الكامل لاستخدامه في CSS وأنظمة التصميم.

50
100
200
300
400
500
600
700
800
900
950
F2F6FE
DCE6FC
B9CDF9
92B1F5
5988F0
2563EB
1F53C5
1943A0
133276
0C204B
061026

معاينة الواجهة

استخدم الدرجات الناتجة للخلفيات والأزرار والشارات والأسطح الداكنة.

نظام العلامة

مقياس عملي لواجهات المنتج

الدرجات الفاتحة مناسبة للخلفيات، واللون الأساسي للأزرار الرئيسية، والدرجات الداكنة للنصوص أو اللوحات.

معاينة الرموز
50
100
200
300
400
500
دليل مقياس اللون

ما هو مولد درجات الألوان؟

مولد درجات الألوان يحول لونا أساسيا واحدا إلى درجات فاتحة وداكنة ومحايدة. النتيجة مقياس متناسق يمكن استخدامه للأزرار والخلفيات والحدود والرسوم وأنظمة الهوية.

إنشاء مقاييس 50-950 شبيهة Tailwind

الوضع الافتراضي ينتج مقياسا من 11 خطوة باسم 50-950 يشبه تسمية رموز أنظمة التصميم. يمكنك نسخ القيم أو متغيرات CSS أو إعداد Tailwind أو JSON.

مقارنة كل درجة بمراجع Pantone

تتم مقارنة كل لون ناتج بأقرب مرجع Pantone في هذا الموقع لمساعدة المصممين على ربط الاستكشاف الرقمي بمحادثات الطباعة.

كيفية استخدام الدرجات الناتجة

يساعد مقياس الدرجات لون العلامة الواحد على التحول إلى نظام عملي كامل. استخدم القيم الفاتحة للخلفيات، والمتوسطة للأفعال، والداكنة للنصوص والحدود والأسطح عالية التباين.

وسع لون علامة واحد إلى نظام تصميم كامل دون ابتكار ألوان غير مرتبطة.
أنشئ ألوان التحويم والنشاط والتركيز والشارات والخلفيات لواجهات المنتج.
ابن تدرجات متتابعة للمخططات والخرائط الحرارية ولوحات البيانات.
استخدم مراجع Pantone كنقطة بداية لمحادثات الطباعة مع بقاء القيم الرقمية واضحة.

أسئلة درجات الألوان

ما الفرق بين الدرجات الفاتحة والداكنة والمحايدة؟

الدرجة الفاتحة تمزج اللون مع الأبيض، والدرجة الداكنة تمزجه مع الأسود، أما التون فيمزجه مع الرمادي. معا تنشئ تنويعات منظمة من اللون الأساسي نفسه.

هل هذا مولد Pantone رسمي؟

لا. هذا الموقع مستقل وغير تابع لشركة Pantone LLC. مراجع Pantone هنا مطابقات رقمية تقريبية للتخطيط والتواصل فقط.

هل يمكن استخدام النتائج في Tailwind CSS؟

نعم. وضع 50-950 مصمم لمقاييس ألوان شبيهة Tailwind، وتصدير Tailwind يعطيك كتلة colors جاهزة للصق.

هل الدرجات الناتجة مضبوطة للطباعة؟

لا. يعمل المولد بمزج RGB مناسب للمتصفح من أجل الاستكشاف السريع. للألوان الإنتاجية الدقيقة استخدم أدوات معايرة وأدلة ألوان فعلية رسمية.

كيف يختلف هذا عن مولد لوحة Pantone؟

مولد اللوحات ينشئ مخططات متعددة الألوان. هذه الصفحة تركز على لون أساسي واحد وتبني تنويعات أفتح وأغمق وأكثر هدوءا منه.

هل ترفع الأداة ألواني؟

لا. توليد الدرجات يتم داخل المتصفح. لا حاجة إلى حساب أو رفع ملفات أو معالجة ألوان على الخادم.

تنبيه: الألوان للمرجع فقط

الألوان الناتجة ومطابقات Pantone هي تقريب رقمي للتخطيط وتصميم الواجهات والتواصل. ليست بديلا عن منتجات Pantone الرسمية أو البيانات المرخصة أو التحقق من العينات الفيزيائية.

اشتري لي قهوة