رؤى حول رمز اللون #326E81

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

RGB:rgb(50, 110, 129)
HSL:hsl(194, 44%, 35%)
اختيار لون من صورةمنتقي الألوان
HEX
#326E81
RGB
50, 110, 129
HSL
194°, 44%, 35%
HSV
194°, 61%, 51%
CMYK
61%, 15%, 0%, 49%

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

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

#326E81

≈ أزرق فولاذي

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

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

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

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

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

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

0–100%
0%#326E81
10%#2D6374
20%#285867
30%#234D5A
40%#1E424D
50%#193740
60%#142C33
70%#0F2127
80%#0A161A
90%#050B0D
100%#000000

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

0–100%
0%#326E81
10%#3B8398
20%#4597B0
30%#58A6BE
40%#70B3C7
50%#88C0D1
60%#A0CCDA
70%#B7D9E3
80%#CFE6EC
90%#E7F2F6
100%#FFFFFF

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

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

نظام التصميم

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

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

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

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

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

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

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

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

لماذا يهم

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

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

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

الأفضل لـ

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

المتشابهة

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

الأفضل لـ

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

الثلاثية

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

الأفضل لـ

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

الرباعية

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

الأفضل لـ

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

أحادية اللون

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

الأفضل لـ

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

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

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

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

نص عينة على نص أسود
لون النص#000000
الخلفية#326E81
نسبة التباين3.68:1
مستوى WCAGFail
نص عينة على نص أبيض
لون النص#FFFFFF
الخلفية#326E81
نسبة التباين5.70:1
مستوى WCAGAA
معاينة النص الموصى بها
لون النص#FFFFFF
الخلفية#326E81
نسبة التباين5.70:1
مستوى WCAGAA

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

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

سجل مجانًا

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

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

سجل مجانًا

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

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

سجل مجانًا

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

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

سجل مجانًا

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

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

سجل مجانًا

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

التوازن

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

التباين

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

التناغم

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

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

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

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