#E63F06

#e63f06 ≈ Flame

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

⁦#e63f06⁩ لون من عائلة «البرتقالي»، سطوعه متوسط وتشبّعه زاهٍ. في نموذج RGB يتكوّن من 90.2% أحمر و24.71% أخضر و2.35% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و72.61% أرجواني و97.39% أصفر و9.8% أسود. زاوية صبغته 15.27°، وتشبّعه 94.92% وسطوعه 46.27% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأسود على هذا اللون نسبة تباين 5.08:1 (WCAG AA). أقرب لون مسمّى هو Flame (⁦#e25822⁩)، وفرقه ΔE ‏4.32.

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

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

الظلال

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

  1. #e63f06
  2. #cf3905
  3. #b83205
  4. #a12c04
  5. #8a2604
  6. #732003
  7. #5c1902
  8. #451302
  9. #2e0d01
  10. #170601
  11. #000000

التفتيحات

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

  1. #e63f06
  2. #e9521f
  3. #eb6538
  4. #ee7951
  5. #f08c6a
  6. #f39f83
  7. #f5b29b
  8. #f8c5b4
  9. #fad9cd
  10. #fdece6
  11. #ffffff

الدرجات

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

  1. #e63f06
  2. #dc4612
  3. #d24c1e
  4. #c7532b
  5. #bd5937
  6. #b36043
  7. #a9664f
  8. #9f6d5b
  9. #947368
  10. #8a7a74
  11. #808080

نص مقروء 4.14:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 5.08:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #7d7d7d ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #b16962 ≈ 0.001% من الذكور
عمى الأحمر #736500 ≈ 1.01% من الذكور
عمى الأخضر #9c8a00 ≈ 1.27% من الذكور
عمى الأزرق #fe0037 ≈ 0.0001% من الذكور
ضعف الأحمر #ad5800 ≈ 1.08% من الذكور
ضعف الأخضر #be7300 ≈ 4.63% من الذكور
ضعف الأزرق #f51a2b ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-e63f06 {
  color: #e63f06;
}
الخلفية
.bg-e63f06 {
  background-color: #e63f06;
  color: #000000;
}
الحد
.border-e63f06 {
  border: 2px solid #e63f06;
}
متغيرات CSS
:root {
  --color-primary: #e63f06;
  --color-primary-rgb: 230 63 6;
  --color-primary-hsl: 15 95% 46%;
}
تدرج
.gradient-e63f06 {
  background: linear-gradient(135deg, #e63f06, #e6af06);
}
ظل ملوّن
.shadow-e63f06 {
  box-shadow: 0 8px 24px rgb(230 63 6 / 0.35);
}

Flame
#e63f06  rgb(230, 63, 6)  hsl(15, 95%, 46%)  Flame
#06ade6  rgb(6, 173, 230)  hsl(195, 95%, 46%)  Deep Sky Blue
#06e63f  rgb(6, 230, 63)  hsl(135, 95%, 46%)  Malachite
#3f06e6  rgb(63, 6, 230)  hsl(255, 95%, 46%)  Blue