#CA310C

#ca310c ≈ Rosso Corsa

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

⁦#ca310c⁩ لون من عائلة «الأحمر»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 79.22% أحمر و19.22% أخضر و4.71% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و75.74% أرجواني و94.06% أصفر و20.78% أسود. زاوية صبغته 11.68°، وتشبّعه 88.79% وسطوعه 41.96% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالطاقة والشغف والإلحاح. يستخدمه المصممون عادةً في علامات الطعام والمطاعم، التخفيضات والعروض وأزرار الدعوة إلى الإجراء. يحقق النص الأبيض على هذا اللون نسبة تباين 5.31:1 (WCAG AA). أقرب لون مسمّى هو Rosso Corsa (⁦#d40000⁩)، وفرقه ΔE ‏3.48.

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

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

الظلال

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

  1. #ca310c
  2. #b62c0b
  3. #a2270a
  4. #8d2208
  5. #791d07
  6. #651906
  7. #511405
  8. #3d0f04
  9. #280a02
  10. #140501
  11. #000000

التفتيحات

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

  1. #ca310c
  2. #cf4624
  3. #d55a3d
  4. #da6f55
  5. #df836d
  6. #e59886
  7. #eaad9e
  8. #efc1b6
  9. #f4d6ce
  10. #faeae7
  11. #ffffff

الدرجات

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

  1. #ca310c
  2. #c33918
  3. #bb4123
  4. #b4492f
  5. #ac513a
  6. #a55946
  7. #9e6052
  8. #96685d
  9. #8f7069
  10. #877874
  11. #808080

نص مقروء 5.31:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 3.96:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #6b6b6b ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #9a5955 ≈ 0.001% من الذكور
عمى الأحمر #625600 ≈ 1.01% من الذكور
عمى الأخضر #877800 ≈ 1.27% من الذكور
عمى الأزرق #df002c ≈ 0.0001% من الذكور
ضعف الأحمر #974a05 ≈ 1.08% من الذكور
ضعف الأخضر #a66301 ≈ 4.63% من الذكور
ضعف الأزرق #d70723 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

Rosso Corsa
#ca310c  rgb(202, 49, 12)  hsl(12, 89%, 42%)  Rosso Corsa
#0ca5ca  rgb(12, 165, 202)  hsl(192, 89%, 42%)  Bondi Blue
#0cca31  rgb(12, 202, 49)  hsl(132, 89%, 42%)  Lime Green
#310cca  rgb(49, 12, 202)  hsl(252, 89%, 42%)  Medium Blue