ColorTool
تسجيل الدخول
#EC6E24

#ec6e24 ≈ Pumpkin

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

⁦#ec6e24⁩ لون من عائلة «البرتقالي»، سطوعه متوسط وتشبّعه زاهٍ. في نموذج RGB يتكوّن من 92.55% أحمر و43.14% أخضر و14.12% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و53.39% أرجواني و84.75% أصفر و7.45% أسود. زاوية صبغته 22.2°، وتشبّعه 84.03% وسطوعه 53.33% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأسود على هذا اللون نسبة تباين 6.82:1 (WCAG AA). أقرب لون مسمّى هو Pumpkin (⁦#ff7518⁩)، وفرقه ΔE ‏4.12.

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

HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#ff6633
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.2911

متكامل

  1. #ec6e24
  2. #24a2ec

متكامل منقسم

  1. #ec6e24
  2. #24ecd2
  3. #243eec

متجاور

  1. #ec243e
  2. #ec6e24
  3. #ecd224

ثلاثي

  1. #ec6e24
  2. #24ec6e
  3. #6e24ec

رباعي

  1. #ec6e24
  2. #a2ec24
  3. #24a2ec
  4. #6e24ec

مربع

  1. #ec6e24
  2. #3eec24
  3. #24a2ec
  4. #d224ec

أحادي اللون

  1. #6d2e0a
  2. #b44c10
  3. #ec6e24
  4. #f29d6a
  5. #f8cbb1

الظلال

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

  1. #ec6e24
  2. #d46320
  3. #bd581d
  4. #a54d19
  5. #8e4216
  6. #763712
  7. #5e2c0e
  8. #47210b
  9. #2f1607
  10. #180b04
  11. #000000

التفتيحات

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

  1. #ec6e24
  2. #ee7d3a
  3. #f08b50
  4. #f29a66
  5. #f4a87c
  6. #f6b792
  7. #f7c5a7
  8. #f9d4bd
  9. #fbe2d3
  10. #fdf1e9
  11. #ffffff

الدرجات

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

  1. #ec6e24
  2. #e1702d
  3. #d67236
  4. #cc7340
  5. #c17549
  6. #b67752
  7. #ab795b
  8. #a07b64
  9. #967c6e
  10. #8b7e77
  11. #808080

نص مقروء 3.08:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 6.82:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #939393 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #bd8676 ≈ 0.001% من الذكور
عمى الأحمر #928116 ≈ 1.01% من الذكور
عمى الأخضر #b19e1f ≈ 1.27% من الذكور
عمى الأزرق #ff5160 ≈ 0.0001% من الذكور
ضعف الأحمر #bd7a1c ≈ 1.08% من الذكور
ضعف الأخضر #cb8d21 ≈ 4.63% من الذكور
ضعف الأزرق #fa5e4f ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-ec6e24 {
  color: #ec6e24;
}
الخلفية
.bg-ec6e24 {
  background-color: #ec6e24;
  color: #000000;
}
الحد
.border-ec6e24 {
  border: 2px solid #ec6e24;
}
متغيرات CSS
:root {
  --color-primary: #ec6e24;
  --color-primary-rgb: 236 110 36;
  --color-primary-hsl: 22 84% 53%;
}
تدرج
.gradient-ec6e24 {
  background: linear-gradient(135deg, #ec6e24, #ecd224);
}
ظل ملوّن
.shadow-ec6e24 {
  box-shadow: 0 8px 24px rgb(236 110 36 / 0.35);
}

#ff7518 Pumpkin ΔE 4.12 #ec5800 Persimmon ΔE 4.73 #d2691e Chocolate ΔE 5.40 #ff8243 Mango Tango ΔE 6.00 #ff4f00 International Orange ΔE 6.62 #e25822 Flame ΔE 6.77 #f94d00 Tangelo ΔE 6.84 #1391db معكوس #939393 تدرج رمادي 

Pumpkin
#ec6e24  rgb(236, 110, 36)  hsl(22, 84%, 53%)  Pumpkin
#24a2ec  rgb(36, 162, 236)  hsl(202, 84%, 53%)  Carolina Blue
#24ec6e  rgb(36, 236, 110)  hsl(142, 84%, 53%)  Spring Green
#6e24ec  rgb(110, 36, 236)  hsl(262, 84%, 53%)  Electric Indigo