ColorTool
تسجيل الدخول
#4571E4

#4571e4 ≈ Royal Blue

  • الأزرق
  • السطوع: متوسط
  • التشبّع: قوي
  • بارد
تحقق من التباين استكشف في الشبكة لون عشوائي

⁦#4571e4⁩ لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 27.06% أحمر و44.31% أخضر و89.41% أزرق؛ وعند طباعته بنظام CMYK يستخدم 69.74% سماوي و50.44% أرجواني و0% أصفر و10.59% أسود. زاوية صبغته 223.4°، وتشبّعه 74.65% وسطوعه 58.24% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 4.74:1 (WCAG AA). أقرب لون مسمّى هو Royal Blue (⁦#4169e1⁩)، وفرقه ΔE ‏2.81.

وصف مولَّد من الخصائص المقيسة لهذا اللون.

HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#3366cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.1868

متكامل

  1. #4571e4
  2. #e4b845

متكامل منقسم

  1. #4571e4
  2. #e46945
  3. #c0e445

متجاور

  1. #45c0e4
  2. #4571e4
  3. #6945e4

ثلاثي

  1. #4571e4
  2. #e44571
  3. #71e445

رباعي

  1. #4571e4
  2. #b845e4
  3. #e4b845
  4. #71e445

مربع

  1. #4571e4
  2. #e445c0
  3. #e4b845
  4. #45e469

أحادي اللون

  1. #12307e
  2. #1c49c1
  3. #4571e4
  4. #88a4ee
  5. #cbd7f7

الظلال

⁦#4571e4⁩ ممزوجًا تدريجيًا بالأسود.

  1. #4571e4
  2. #3e66cd
  3. #375ab6
  4. #304fa0
  5. #294489
  6. #233972
  7. #1c2d5b
  8. #152244
  9. #0e172e
  10. #070b17
  11. #000000

التفتيحات

⁦#4571e4⁩ ممزوجًا تدريجيًا بالأبيض.

  1. #4571e4
  2. #587fe7
  3. #6a8de9
  4. #7d9cec
  5. #8faaef
  6. #a2b8f2
  7. #b5c6f4
  8. #c7d4f7
  9. #dae3fa
  10. #ecf1fc
  11. #ffffff

الدرجات

⁦#4571e4⁩ ممزوجًا تدريجيًا بالرمادي.

  1. #4571e4
  2. #4b73da
  3. #5174d0
  4. #5776c6
  5. #5d77bc
  6. #6379b2
  7. #687aa8
  8. #6e7c9e
  9. #747d94
  10. #7a7f8a
  11. #808080

نص مقروء 4.43:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 4.74:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #787878 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #6775ae ≈ 0.001% من الذكور
عمى الأحمر #2b7fe8 ≈ 1.01% من الذكور
عمى الأخضر #0071e2 ≈ 1.27% من الذكور
عمى الأزرق #008ca0 ≈ 0.0001% من الذكور
ضعف الأحمر #377ae6 ≈ 1.08% من الذكور
ضعف الأخضر #2271e3 ≈ 4.63% من الذكور
ضعف الأزرق #0082bf ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

خلفية بهذا اللون

حد بهذا اللون

لون النص
.text-4571e4 {
  color: #4571e4;
}
الخلفية
.bg-4571e4 {
  background-color: #4571e4;
  color: #000000;
}
الحد
.border-4571e4 {
  border: 2px solid #4571e4;
}
متغيرات CSS
:root {
  --color-primary: #4571e4;
  --color-primary-rgb: 69 113 228;
  --color-primary-hsl: 223 75% 58%;
}
تدرج
.gradient-4571e4 {
  background: linear-gradient(135deg, #4571e4, #6945e4);
}
ظل ملوّن
.shadow-4571e4 {
  box-shadow: 0 8px 24px rgb(69 113 228 / 0.35);
}

#4169e1 Royal Blue ΔE 2.81 #0070ff Brandeis Blue ΔE 3.45 #4166f5 Ultramarine Blue ΔE 4.26 #417dc1 Tufts Blue ΔE 6.71 #0073cf True Blue ΔE 7.20 #6082b6 Glaucous ΔE 7.32 #4682b4 Steel Blue ΔE 8.71 #ba8e1b معكوس #787878 تدرج رمادي 

Royal Blue
#4571e4  rgb(69, 113, 228)  hsl(223, 75%, 58%)  Royal Blue
#e4b845  rgb(228, 184, 69)  hsl(43, 75%, 58%)  Meat Brown
#e44571  rgb(228, 69, 113)  hsl(343, 75%, 58%)  Cerise
#71e445  rgb(113, 228, 69)  hsl(103, 75%, 58%)  Malachite