أزرق الثقة
تدرّج أزرق موثوق للخدمات المالية والبرمجيات والمؤسسات.
رموز الألوان
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(214, 68%, 14%) | cmyk(81%, 47%, 0%, 77%) | |||
| hsl(213, 65%, 33%) | cmyk(79%, 43%, 0%, 46%) | |||
| hsl(215, 65%, 53%) | cmyk(73%, 42%, 0%, 16%) | |||
| hsl(210, 57%, 78%) | cmyk(28%, 14%, 0%, 9%) | |||
| hsl(213, 53%, 97%) | cmyk(4%, 2%, 0%, 2%) |
CSS
:root {
--trust-blue-1: #0B1F3A;
--trust-blue-2: #1D4E89;
--trust-blue-3: #3A7BD5;
--trust-blue-4: #A7C7E7;
--trust-blue-5: #F2F6FB;
}كيف تعمل هذه الألوان معاً
هذه لوحة أحادية مبنية حول درجة لون واحدة. طابعها العام بارد. يمتد نطاق الإضاءة 83 نقطة، وهذا يحدد مقدار التباين الممكن.
4 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو #0B1F3A على #F2F6FB (15.22:1).
أزرق الثقة — نص مقروء باستخدام أفضل زوج.
تطبيقات مقترحة
- التقارير ولوحات المعلومات ومواقع الأعمال.
- سمات الواجهات: الأفتح للخلفيات والأغمق للنصوص.
- حزم الهوية والتصاميم الاجتماعية والعروض التقديمية.
الأسئلة الشائعة
كيف أستخدم لوحة أزرق الثقة؟
تضم لوحة أزرق الثقة عدد 5 ألوان. استخدم لوناً مهيمناً للمساحات الكبيرة ولوناً داعماً للعناصر الثانوية، والأكثر تشبعاً بقلة كلون مميز.
أي ألوان هذه اللوحة أنسب للنصوص؟
استخدم #0B1F3A على #F2F6FB؛ نسبة تباينهما 15.22:1.
هل يمكنني تنزيل هذه اللوحة؟
نعم، صدّرها بصيغة PNG أو SVG أو متغيرات CSS أو JSON أو نص عادي عبر الأزرار أعلى جدول الألوان.
لوحات أخرى
أردوازي وتيل#1E293B #334155 #64748B #0D9488 #CCFBF1هدوء الرعاية#0F4C5C #2A9D8F #8ECAE6 #E9F5F2 #FFFFFFاستشارات حديثة#14213D #FCA311 #E5E5E5 #FFFFFF #000000ورق وحبر#FAFAF7 #E8E6E1 #9A968E #3A3935 #111111رذاذ الحمضيات#F9C80E #F86624 #EA3546 #662E9B #43BCCDأيام الجينز#F1F1EE #C8D3E0 #6C8EBF #2F4F7F #1A2238