#ED613B

#ed613b ≈ Tomato

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

⁦#ed613b⁩ لون من عائلة «البرتقالي»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 92.94% أحمر و38.04% أخضر و23.14% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و59.07% أرجواني و75.11% أصفر و7.06% أسود. زاوية صبغته 12.81°، وتشبّعه 83.18% وسطوعه 58.04% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأسود على هذا اللون نسبة تباين 6.37:1 (WCAG AA). أقرب لون مسمّى هو Tomato (⁦#ff6347⁩)، وفرقه ΔE ‏4.18.

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

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

الظلال

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

  1. #ed613b
  2. #d55735
  3. #be4e2f
  4. #a64429
  5. #8e3a23
  6. #77311e
  7. #5f2718
  8. #471d12
  9. #2f130c
  10. #180a06
  11. #000000

التفتيحات

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

  1. #ed613b
  2. #ef714f
  3. #f18162
  4. #f29076
  5. #f4a089
  6. #f6b09d
  7. #f8c0b1
  8. #fad0c4
  9. #fbdfd8
  10. #fdefeb
  11. #ffffff

الدرجات

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

  1. #ed613b
  2. #e26442
  3. #d76749
  4. #cc6a50
  5. #c16d57
  6. #b7715e
  7. #ac7464
  8. #a1776b
  9. #967a72
  10. #8b7d79
  11. #808080

نص مقروء 3.29:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 6.37:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #8e8e8e ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #bc7e75 ≈ 0.001% من الذكور
عمى الأحمر #887a36 ≈ 1.01% من الذكور
عمى الأخضر #aa9936 ≈ 1.27% من الذكور
عمى الأزرق #ff4059 ≈ 0.0001% من الذكور
ضعف الأحمر #b97138 ≈ 1.08% من الذكور
ضعف الأخضر #c98638 ≈ 4.63% من الذكور
ضعف الأزرق #fb4f4f ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-ed613b {
  color: #ed613b;
}
الخلفية
.bg-ed613b {
  background-color: #ed613b;
  color: #000000;
}
الحد
.border-ed613b {
  border: 2px solid #ed613b;
}
متغيرات CSS
:root {
  --color-primary: #ed613b;
  --color-primary-rgb: 237 97 59;
  --color-primary-hsl: 13 83% 58%;
}
تدرج
.gradient-ed613b {
  background: linear-gradient(135deg, #ed613b, #edba3b);
}
ظل ملوّن
.shadow-ed613b {
  box-shadow: 0 8px 24px rgb(237 97 59 / 0.35);
}

Tomato
#ed613b  rgb(237, 97, 59)  hsl(13, 83%, 58%)  Tomato
#3bc7ed  rgb(59, 199, 237)  hsl(193, 83%, 58%)  Sky Blue
#3bed61  rgb(59, 237, 97)  hsl(133, 83%, 58%)  Malachite
#613bed  rgb(97, 59, 237)  hsl(253, 83%, 58%)  Majorelle Blue