رؤى حول رمز اللون #7F91CC

جميع التحويلات والتناغمات وفحوصات إمكانية الوصول التي تحتاجها للتصميم بثقة.

RGB:rgb(127, 145, 204)
HSL:hsl(226, 43%, 65%)
اختيار لون من صورةمنتقي الألوان
HEX
#7F91CC
RGB
127, 145, 204
HSL
226°, 43%, 65%
HSV
226°, 38%, 80%
CMYK
38%, 29%, 0%, 20%

تحويل الألوان

توليد القيم عبر نماذج ألوان متعددة في مكان واحد.

#7F91CC

≈ أزرق فولاذي

بطاقات الألوان المرجعية

انخفاض ΔE يعني تطابقًا بصريًا أقرب

التدرجات الفاتحة والداكنة

استكشف كيف يتصرف اللون #7F91CC عند مزجه بالأبيض أو الأسود. هذه العينات مثالية لحالات التمرير، والظلال، والخلفيات.

مرر مؤشر الماوس لنسخ أي قيمة سداسية وإعادة استخدامها عبر واجهة المستخدم الخاصة بك.

الدرجات الداكنة (الظلال)

0–100%
0%#7F91CC
10%#687DC3
20%#5069B9
30%#4259A6
40%#394D8E
50%#2F4077
60%#26335F
70%#1C2647
80%#131A2F
90%#090D18
100%#000000

الدرجات الفاتحة

0–100%
0%#7F91CC
10%#8C9CD1
20%#99A7D6
30%#A6B2DB
40%#B2BDE0
50%#BFC8E6
60%#CCD3EB
70%#D9DEF0
80%#E5E9F5
90%#F2F4FA
100%#FFFFFF

حالات الاستخدام الشائعة

  • حالات مكونات واجهة المستخدم (التمرير، النشط، المعطل)
  • إنشاء عمق باستخدام الظلال والإضاءات
  • بناء أنظمة ألوان متسقة

نظام التصميم

نصيحة نظام التصميم

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

تصدير لوحة الألوان

تناغمات الألوان

أنشئ لوحات ألوان متوازنة على الفور باستخدام التناغمات المولدة من #7F91CC.

انقر على أي عينة لفتح صفحة التفاصيل الخاصة بها ومواصلة الاستكشاف.

كيفية الاستخدام

اختر لونًا مهيمنًا واحدًا، ثم اسمح للدرجات الداعمة بالعمل كإبرازات للطباعة والأسطح وأزرار الدعوة إلى الإجراء.

لماذا يهم

التناغمات المتوازنة تنقل القصد (الهدوء، الطاقة، الفخامة) دون إرباك تصميمك.

المتكاملة (المتضادة)

درجات متقابلة تخلق تأثيرًا وتباينًا جريئًا.

الأفضل لـ

أزرار الدعوة إلى الإجراء عالية التأثير، والشعارات، وأقسام البطل (Hero sections)

المتشابهة

درجات متجاورة لتدرجات طبيعية وسلسة.

الأفضل لـ

لوحات المعلومات الهادئة والمستوحاة من الطبيعة

الثلاثية

ثلاث درجات متباعدة بالتساوي لتحقيق توازن مرح.

الأفضل لـ

العلامات التجارية المرحة والتصاميم التحريرية

الرباعية

زوجان متكاملان يوفران تنوعًا غنيًا.

الأفضل لـ

الرسوم التوضيحية والتجارب التسويقية

أحادية اللون

درجات فاتحة وداكنة ضمن نفس عائلة اللون.

الأفضل لـ

واجهات المستخدم البسيطة وحالات واجهة المستخدم الممتازة

تباين إمكانية الوصول

تحقق من مدى وضوح قراءة #7F91CC مع ألوان النصوص الشائعة لضمان تجربة واضحة لكل زائر.

استخدم AA كخط أساس لنص المحتوى و AAA لإمكانية الوصول الممتازة.

نص عينة على نص أسود
لون النص#000000
الخلفية#7F91CC
نسبة التباين6.82:1
مستوى WCAGAA
نص عينة على نص أبيض
لون النص#FFFFFF
الخلفية#7F91CC
نسبة التباين3.08:1
مستوى WCAGFail
معاينة النص الموصى بها
لون النص#000000
الخلفية#7F91CC
نسبة التباين6.82:1
مستوى WCAGAA

التنسيقات التقنية

افتح مساحات الألوان الاحترافية مثل XYZ و LAB ومتغيرات CMYK وملفات التعريف الجاهزة للتصدير.

سجل مجانًا

التنسيقات العملية

احصل على محاكاة الطباعة، وتعيينات LED، وترتيبات البايت الجاهزة للمطورين.

سجل مجانًا

تحليل الألوان

تعمق في البيانات الطيفية، وتقارير الهيمنة، والتحليلات المتقدمة.

سجل مجانًا

محاكي عمى الألوان

معاينة كيف يظهر #7F91CC عبر قصور رؤية الألوان الشائعة.

سجل مجانًا

الجوانب الإبداعية

استكشف الارتباطات الموسمية، والإشارات العاطفية، والظواهر الطبيعية.

سجل مجانًا

إرشادات التصميم

التوازن

تعامل مع #7F91CC كإبراز. قم بإقرانه بألوان محايدة ودرجة داعمة واحدة لتجنب الحمل البصري الزائد.

التباين

اختبر التوليفات بمحتوى حقيقي. التباين الأعلى يحسن المسح والقراءة والتحويلات.

التناغم

استخدم التدرجات الفاتحة للأسطح، واللون الأساسي للألوان الأولية، والدرجات الداكنة لحالات التمرير أو الضغط.

هل تحتاج لونًا آخر؟

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

فتح منتقي الألوان