رؤى حول رمز اللون #80334B

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

RGB:rgb(128, 51, 75)
HSL:hsl(341, 43%, 35%)
اختيار لون من صورةمنتقي الألوان
HEX
#80334B
RGB
128, 51, 75
HSL
341°, 43%, 35%
HSV
341°, 60%, 50%
CMYK
0%, 60%, 41%, 50%

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

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

#80334B

≈ أزرق فولاذي

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

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

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

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

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

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

0–100%
0%#80334B
10%#732E44
20%#66293C
30%#592435
40%#4D1F2D
50%#401926
60%#33141E
70%#260F17
80%#1A0A0F
90%#0D0508
100%#000000

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

0–100%
0%#80334B
10%#973C59
20%#AF4667
30%#BD5979
40%#C6718C
50%#D0889F
60%#D9A0B2
70%#E3B8C5
80%#ECD0D9
90%#F6E7EC
100%#FFFFFF

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

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

نظام التصميم

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

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

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

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

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

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

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

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

لماذا يهم

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

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

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

الأفضل لـ

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

المتشابهة

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

الأفضل لـ

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

الثلاثية

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

الأفضل لـ

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

الرباعية

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

الأفضل لـ

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

أحادية اللون

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

الأفضل لـ

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

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

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

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

نص عينة على نص أسود
لون النص#000000
الخلفية#80334B
نسبة التباين2.49:1
مستوى WCAGFail
نص عينة على نص أبيض
لون النص#FFFFFF
الخلفية#80334B
نسبة التباين8.42:1
مستوى WCAGAAA
معاينة النص الموصى بها
لون النص#FFFFFF
الخلفية#80334B
نسبة التباين8.42:1
مستوى WCAGAAA

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

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

سجل مجانًا

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

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

سجل مجانًا

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

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

سجل مجانًا

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

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

سجل مجانًا

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

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

سجل مجانًا

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

التوازن

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

التباين

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

التناغم

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

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

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

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