رؤى حول رمز اللون #1D3A49

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

RGB:rgb(29, 58, 73)
HSL:hsl(200, 43%, 20%)
اختيار لون من صورةمنتقي الألوان
HEX
#1D3A49
RGB
29, 58, 73
HSL
200°, 43%, 20%
HSV
200°, 60%, 29%
CMYK
60%, 21%, 0%, 71%

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

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

#1D3A49

≈ أزرق فولاذي

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

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

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

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

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

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

0–100%
0%#1D3A49
10%#1A3442
20%#172F3A
30%#142933
40%#11232C
50%#0F1D24
60%#0C171D
70%#091116
80%#060C0F
90%#030607
100%#000000

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

0–100%
0%#1D3A49
10%#295266
20%#346983
30%#4080A0
40%#5096B9
50%#6DA8C5
60%#8AB9D0
70%#A7CBDC
80%#C5DCE8
90%#E2EEF3
100%#FFFFFF

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

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

نظام التصميم

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

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

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

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

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

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

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

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

لماذا يهم

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

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

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

الأفضل لـ

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

المتشابهة

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

الأفضل لـ

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

الثلاثية

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

الأفضل لـ

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

الرباعية

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

الأفضل لـ

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

أحادية اللون

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

الأفضل لـ

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

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

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

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

نص عينة على نص أسود
لون النص#000000
الخلفية#1D3A49
نسبة التباين1.75:1
مستوى WCAGFail
نص عينة على نص أبيض
لون النص#FFFFFF
الخلفية#1D3A49
نسبة التباين11.97:1
مستوى WCAGAAA
معاينة النص الموصى بها
لون النص#FFFFFF
الخلفية#1D3A49
نسبة التباين11.97:1
مستوى WCAGAAA

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

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

سجل مجانًا

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

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

سجل مجانًا

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

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

سجل مجانًا

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

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

سجل مجانًا

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

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

سجل مجانًا

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

التوازن

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

التباين

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

التناغم

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

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

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

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