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

#c87f15 ≈ Bronze

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

⁦#c87f15⁩ لون من عائلة «البرتقالي»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 78.43% أحمر و49.8% أخضر و8.24% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و36.5% أرجواني و89.5% أصفر و21.57% أسود. زاوية صبغته 35.53°، وتشبّعه 81% وسطوعه 43.33% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأسود على هذا اللون نسبة تباين 6.5:1 (WCAG AA). أقرب لون مسمّى هو Bronze (⁦#cd7f32⁩)، وفرقه ΔE ‏4.58.

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

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

متكامل

  1. #c87f15
  2. #155ec8

متكامل منقسم

  1. #c87f15
  2. #15b7c8
  3. #2515c8

متجاور

  1. #c82515
  2. #c87f15
  3. #b7c815

ثلاثي

  1. #c87f15
  2. #15c87f
  3. #7f15c8

رباعي

  1. #c87f15
  2. #5ec815
  3. #155ec8
  4. #7f15c8

مربع

  1. #c87f15
  2. #15c825
  3. #155ec8
  4. #c815b7

أحادي اللون

  1. #3e2706
  2. #83530e
  3. #c87f15
  4. #eba53f
  5. #f2c584

الظلال

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

  1. #c87f15
  2. #b47213
  3. #a06611
  4. #8c590f
  5. #784c0d
  6. #64400b
  7. #503308
  8. #3c2606
  9. #281904
  10. #140d02
  11. #000000

التفتيحات

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

  1. #c87f15
  2. #ce8c2c
  3. #d39944
  4. #d9a55b
  5. #deb273
  6. #e4bf8a
  7. #e9cca1
  8. #efd9b9
  9. #f4e5d0
  10. #faf2e8
  11. #ffffff

الدرجات

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

  1. #c87f15
  2. #c17f20
  3. #ba7f2a
  4. #b27f35
  5. #ab7f40
  6. #a4804b
  7. #9d8055
  8. #968060
  9. #8e806b
  10. #878075
  11. #808080

نص مقروء 3.23:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 6.5:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #8f8f8f ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #a98972 ≈ 0.001% من الذكور
عمى الأحمر #978500 ≈ 1.01% من الذكور
عمى الأخضر #a89619 ≈ 1.27% من الذكور
عمى الأزرق #db6d6d ≈ 0.0001% من الذكور
ضعف الأحمر #ad8301 ≈ 1.08% من الذكور
ضعف الأخضر #b68d17 ≈ 4.63% من الذكور
ضعف الأزرق #d47556 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-c87f15 {
  color: #c87f15;
}
الخلفية
.bg-c87f15 {
  background-color: #c87f15;
  color: #000000;
}
الحد
.border-c87f15 {
  border: 2px solid #c87f15;
}
متغيرات CSS
:root {
  --color-primary: #c87f15;
  --color-primary-rgb: 200 127 21;
  --color-primary-hsl: 36 81% 43%;
}
تدرج
.gradient-c87f15 {
  background: linear-gradient(135deg, #c87f15, #b7c815);
}
ظل ملوّن
.shadow-c87f15 {
  box-shadow: 0 8px 24px rgb(200 127 21 / 0.35);
}

#cd7f32 Bronze ΔE 4.58 #cc7722 Ochre ΔE 5.08 #cd853f Peru ΔE 5.35 #e48400 Fulvous ΔE 5.84 #b8860b Dark Goldenrod ΔE 7.10 #b87333 Copper ΔE 7.43 #ed9121 Carrot Orange ΔE 8.00 #3780ea معكوس #8f8f8f تدرج رمادي 

Bronze
#c87f15  rgb(200, 127, 21)  hsl(36, 81%, 43%)  Bronze
#155ec8  rgb(21, 94, 200)  hsl(216, 81%, 43%)  Denim
#15c87f  rgb(21, 200, 127)  hsl(156, 81%, 43%)  Emerald
#7f15c8  rgb(127, 21, 200)  hsl(276, 81%, 43%)  Dark Violet