#E53B10

#e53b10 ≈ Scarlet

  • البرتقالي
  • السطوع: متوسط
  • التشبّع: زاهٍ
  • دافئ

⁦#e53b10⁩ لون من عائلة «البرتقالي»، سطوعه متوسط وتشبّعه زاهٍ. في نموذج RGB يتكوّن من 89.8% أحمر و23.14% أخضر و6.27% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و74.24% أرجواني و93.01% أصفر و10.2% أسود. زاوية صبغته 12.11°، وتشبّعه 86.94% وسطوعه 48.04% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأسود على هذا اللون نسبة تباين 4.96:1 (WCAG AA). أقرب لون مسمّى هو Scarlet (⁦#ff2400⁩)، وفرقه ΔE ‏4.28.

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

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

الظلال

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

  1. #e53b10
  2. #ce350e
  3. #b72f0d
  4. #a0290b
  5. #89230a
  6. #731e08
  7. #5c1806
  8. #451205
  9. #2e0c03
  10. #170602
  11. #000000

التفتيحات

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

  1. #e53b10
  2. #e84f28
  3. #ea6240
  4. #ed7658
  5. #ef8970
  6. #f29d88
  7. #f5b19f
  8. #f7c4b7
  9. #fad8cf
  10. #fcebe7
  11. #ffffff

الدرجات

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

  1. #e53b10
  2. #db421b
  3. #d14926
  4. #c75032
  5. #bd573d
  6. #b35e48
  7. #a86453
  8. #9e6b5e
  9. #94726a
  10. #8a7975
  11. #808080

نص مقروء 4.23:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 4.96:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #7b7b7b ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #b06762 ≈ 0.001% من الذكور
عمى الأحمر #716301 ≈ 1.01% من الذكور
عمى الأخضر #9a8900 ≈ 1.27% من الذكور
عمى الأزرق #fd0035 ≈ 0.0001% من الذكور
ضعف الأحمر #ac5607 ≈ 1.08% من الذكور
ضعف الأخضر #bd7202 ≈ 4.63% من الذكور
ضعف الأزرق #f4112a ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-e53b10 {
  color: #e53b10;
}
الخلفية
.bg-e53b10 {
  background-color: #e53b10;
  color: #000000;
}
الحد
.border-e53b10 {
  border: 2px solid #e53b10;
}
متغيرات CSS
:root {
  --color-primary: #e53b10;
  --color-primary-rgb: 229 59 16;
  --color-primary-hsl: 12 87% 48%;
}
تدرج
.gradient-e53b10 {
  background: linear-gradient(135deg, #e53b10, #e5a510);
}
ظل ملوّن
.shadow-e53b10 {
  box-shadow: 0 8px 24px rgb(229 59 16 / 0.35);
}

Scarlet
#e53b10  rgb(229, 59, 16)  hsl(12, 87%, 48%)  Scarlet
#10bae5  rgb(16, 186, 229)  hsl(192, 87%, 48%)  Deep Sky Blue
#10e53b  rgb(16, 229, 59)  hsl(132, 87%, 48%)  Malachite
#3b10e5  rgb(59, 16, 229)  hsl(252, 87%, 48%)  Blue