#B45142

#b45142 ≈ Redwood

  • الأحمر
  • السطوع: متوسط
  • التشبّع: معتدل
  • دافئ

⁦#b45142⁩ لون من عائلة «الأحمر»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 70.59% أحمر و31.76% أخضر و25.88% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و55% أرجواني و63.33% أصفر و29.41% أسود. زاوية صبغته 7.89°، وتشبّعه 46.34% وسطوعه 48.24% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالطاقة والشغف والإلحاح. يستخدمه المصممون عادةً في علامات الطعام والمطاعم، التخفيضات والعروض ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 5:1 (WCAG AA). أقرب لون مسمّى هو Redwood (⁦#a45a52⁩)، وفرقه ΔE ‏5.24.

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

تحويلات ⁦#b45142⁩ إلى فضاءات ألوان أخرى
HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#cc6633
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.1598

الظلال

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

  1. #b45142
  2. #a2493b
  3. #904135
  4. #7e392e
  5. #6c3128
  6. #5a2921
  7. #48201a
  8. #361814
  9. #24100d
  10. #120807
  11. #000000

التفتيحات

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

  1. #b45142
  2. #bc6255
  3. #c37468
  4. #cb857b
  5. #d2978e
  6. #daa8a1
  7. #e1b9b3
  8. #e9cbc6
  9. #f0dcd9
  10. #f8eeec
  11. #ffffff

الدرجات

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

  1. #b45142
  2. #af5648
  3. #aa5a4e
  4. #a45f55
  5. #9f645b
  6. #9a6961
  7. #956d67
  8. #90726d
  9. #8a7774
  10. #857b7a
  11. #808080

نص مقروء 5:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 4.2:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #6f6f6f ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #906560 ≈ 0.001% من الذكور
عمى الأحمر #6a6240 ≈ 1.01% من الذكور
عمى الأخضر #837740 ≈ 1.27% من الذكور
عمى الأزرق #c53e4e ≈ 0.0001% من الذكور
ضعف الأحمر #8e5c41 ≈ 1.08% من الذكور
ضعف الأخضر #996a41 ≈ 4.63% من الذكور
ضعف الأزرق #be4749 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-b45142 {
  color: #b45142;
}
الخلفية
.bg-b45142 {
  background-color: #b45142;
  color: #ffffff;
}
الحد
.border-b45142 {
  border: 2px solid #b45142;
}
متغيرات CSS
:root {
  --color-primary: #b45142;
  --color-primary-rgb: 180 81 66;
  --color-primary-hsl: 8 46% 48%;
}
تدرج
.gradient-b45142 {
  background: linear-gradient(135deg, #b45142, #b48a42);
}
ظل ملوّن
.shadow-b45142 {
  box-shadow: 0 8px 24px rgb(180 81 66 / 0.35);
}

Redwood
#b45142  rgb(180, 81, 66)  hsl(8, 46%, 48%)  Redwood
#42a5b4  rgb(66, 165, 180)  hsl(188, 46%, 48%)  Cadet Blue
#42b451  rgb(66, 180, 81)  hsl(128, 46%, 48%)  Medium Sea Green
#5142b4  rgb(81, 66, 180)  hsl(248, 46%, 48%)  Ocean Blue