ColorTool
تسجيل الدخول
#87A30E

#87a30e ≈ Apple Green

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

⁦#87a30e⁩ لون من عائلة «الأصفر المخضر»، سطوعه منخفض وتشبّعه قوي. في نموذج RGB يتكوّن من 52.94% أحمر و63.92% أخضر و5.49% أزرق؛ وعند طباعته بنظام CMYK يستخدم 17.18% سماوي و0% أرجواني و91.41% أصفر و36.08% أسود. زاوية صبغته 71.28°، وتشبّعه 84.18% وسطوعه 34.71% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالانتعاش والنمو والحيوية. يستخدمه المصممون عادةً في العلامات الصديقة للبيئة، الصحة والعافية والهويات المؤسسية. يحقق النص الأسود على هذا اللون نسبة تباين 7.28:1 (WCAG AAA). أقرب لون مسمّى هو Apple Green (⁦#8db600⁩)، وفرقه ΔE ‏5.54.

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

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

متكامل

  1. #87a30e
  2. #2a0ea3

متكامل منقسم

  1. #87a30e
  2. #0e3ca3
  3. #750ea3

متجاور

  1. #a3750e
  2. #87a30e
  3. #3ca30e

ثلاثي

  1. #87a30e
  2. #0e87a3
  3. #a30e87

رباعي

  1. #87a30e
  2. #0ea32a
  3. #2a0ea3
  4. #a30e87

مربع

  1. #87a30e
  2. #0ea375
  3. #2a0ea3
  4. #a30e3c

أحادي اللون

  1. #121602
  2. #4d5d08
  3. #87a30e
  4. #c1e914
  5. #d4f159

الظلال

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

  1. #87a30e
  2. #7a930d
  3. #6c820b
  4. #5f720a
  5. #516208
  6. #445207
  7. #364106
  8. #293104
  9. #1b2103
  10. #0e1001
  11. #000000

التفتيحات

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

  1. #87a30e
  2. #93ac26
  3. #9fb53e
  4. #abbf56
  5. #b7c86e
  6. #c3d187
  7. #cfda9f
  8. #dbe3b7
  9. #e7edcf
  10. #f3f6e7
  11. #ffffff

الدرجات

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

  1. #87a30e
  2. #86a019
  3. #869c25
  4. #859930
  5. #84953c
  6. #849247
  7. #838e52
  8. #828b5e
  9. #818769
  10. #818475
  11. #808080

نص مقروء 2.89:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 7.28:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #989898 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #919c79 ≈ 0.001% من الذكور
عمى الأحمر #ae9800 ≈ 1.01% من الذكور
عمى الأخضر #aa9823 ≈ 1.27% من الذكور
عمى الأزرق #8f9a8a ≈ 0.0001% من الذكور
ضعف الأحمر #a09d00 ≈ 1.08% من الذكور
ضعف الأخضر #9d9d1d ≈ 4.63% من الذكور
ضعف الأزرق #8c9e6e ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-87a30e {
  color: #87a30e;
}
الخلفية
.bg-87a30e {
  background-color: #87a30e;
  color: #000000;
}
الحد
.border-87a30e {
  border: 2px solid #87a30e;
}
متغيرات CSS
:root {
  --color-primary: #87a30e;
  --color-primary-rgb: 135 163 14;
  --color-primary-hsl: 71 84% 35%;
}
تدرج
.gradient-87a30e {
  background: linear-gradient(135deg, #87a30e, #3ca30e);
}
ظل ملوّن
.shadow-87a30e {
  box-shadow: 0 8px 24px rgb(135 163 14 / 0.35);
}

#8db600 Apple Green ΔE 5.54 #6b8e23 Olive Drab ΔE 8.63 #8a9a5b Moss Green ΔE 10.38 #b5a642 Brass ΔE 11.39 #9acd32 Yellow Green ΔE 11.43 #4cbb17 Kelly Green ΔE 11.89 #87a96b Asparagus ΔE 12.21 #785cf1 معكوس #989898 تدرج رمادي 

Apple Green
#87a30e  rgb(135, 163, 14)  hsl(71, 84%, 35%)  Apple Green
#2a0ea3  rgb(42, 14, 163)  hsl(251, 84%, 35%)  Zaffre
#0e87a3  rgb(14, 135, 163)  hsl(191, 84%, 35%)  Bondi Blue
#a30e87  rgb(163, 14, 135)  hsl(311, 84%, 35%)  Dark Magenta