#D33E17

#d33e17 ≈ Sinopia

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

⁦#d33e17⁩ لون من عائلة «البرتقالي»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 82.75% أحمر و24.31% أخضر و9.02% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و70.62% أرجواني و89.1% أصفر و17.25% أسود. زاوية صبغته 12.45°، وتشبّعه 80.34% وسطوعه 45.88% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأبيض على هذا اللون نسبة تباين 4.7:1 (WCAG AA). أقرب لون مسمّى هو Sinopia (⁦#cb410b⁩)، وفرقه ΔE ‏2.76.

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

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

الظلال

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

  1. #d33e17
  2. #be3815
  3. #a93212
  4. #942b10
  5. #7f250e
  6. #6a1f0c
  7. #541909
  8. #3f1307
  9. #2a0c05
  10. #150602
  11. #000000

التفتيحات

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

  1. #d33e17
  2. #d7512e
  3. #dc6545
  4. #e0785d
  5. #e58b74
  6. #e99f8b
  7. #edb2a2
  8. #f2c5b9
  9. #f6d8d1
  10. #fbece8
  11. #ffffff

الدرجات

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

  1. #d33e17
  2. #cb4522
  3. #c24b2c
  4. #ba5237
  5. #b25841
  6. #aa5f4c
  7. #a16656
  8. #996c61
  9. #91736b
  10. #887976
  11. #808080

نص مقروء 4.7:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 4.47:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #747474 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #a3625c ≈ 0.001% من الذكور
عمى الأحمر #6b5f0d ≈ 1.01% من الذكور
عمى الأخضر #908009 ≈ 1.27% من الذكور
عمى الأزرق #e90038 ≈ 0.0001% من الذكور
ضعف الأحمر #a05312 ≈ 1.08% من الذكور
ضعف الأخضر #af6b10 ≈ 4.63% من الذكور
ضعف الأزرق #e0222e ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

Sinopia
#d33e17  rgb(211, 62, 23)  hsl(12, 80%, 46%)  Sinopia
#17acd3  rgb(23, 172, 211)  hsl(192, 80%, 46%)  Moonstone Blue
#17d33e  rgb(23, 211, 62)  hsl(132, 80%, 46%)  Lime Green
#3e17d3  rgb(62, 23, 211)  hsl(252, 80%, 46%)  Medium Blue