ColorTool
تسجيل الدخول
#228D4E

#228d4e ≈ Sea Green

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

⁦#228d4e⁩ لون من عائلة «الأخضر»، سطوعه منخفض وتشبّعه معتدل. في نموذج RGB يتكوّن من 13.33% أحمر و55.29% أخضر و30.59% أزرق؛ وعند طباعته بنظام CMYK يستخدم 75.89% سماوي و0% أرجواني و44.68% أصفر و44.71% أسود. زاوية صبغته 144.67°، وتشبّعه 61.14% وسطوعه 34.31% في نموذج HSL. يقع بين الدافئ والبارد، ويرتبط غالبًا بـالطبيعة والصحة والتوازن. يستخدمه المصممون عادةً في العلامات الصديقة للبيئة، الصحة والعافية والهويات المؤسسية. يحقق النص الأسود على هذا اللون نسبة تباين 4.99:1 (WCAG AA). أقرب لون مسمّى هو Sea Green (⁦#2e8b57⁩)، وفرقه ΔE ‏2.43.

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

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

متكامل

  1. #228d4e
  2. #8d2261

متكامل منقسم

  1. #228d4e
  2. #83228d
  3. #8d222c

متجاور

  1. #2c8d22
  2. #228d4e
  3. #228d83

ثلاثي

  1. #228d4e
  2. #4e228d
  3. #8d4e22

رباعي

  1. #228d4e
  2. #22618d
  3. #8d2261
  4. #8d4e22

مربع

  1. #228d4e
  2. #222c8d
  3. #8d2261
  4. #8d8322

أحادي اللون

  1. #04120a
  2. #134f2c
  3. #228d4e
  4. #31cb70
  5. #6cdc9a

الظلال

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

  1. #228d4e
  2. #1f7f46
  3. #1b713e
  4. #186337
  5. #14552f
  6. #114727
  7. #0e381f
  8. #0a2a17
  9. #071c10
  10. #030e08
  11. #000000

التفتيحات

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

  1. #228d4e
  2. #389860
  3. #4ea471
  4. #64af83
  5. #7abb95
  6. #91c6a7
  7. #a7d1b8
  8. #bdddca
  9. #d3e8dc
  10. #e9f4ed
  11. #ffffff

الدرجات

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

  1. #228d4e
  2. #2b8c53
  3. #358a58
  4. #3e895d
  5. #488862
  6. #518767
  7. #5a856c
  8. #648471
  9. #6d8376
  10. #77817b
  11. #808080

نص مقروء 4.21:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 4.99:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #7b7b7b ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #63836c ≈ 0.001% من الذكور
عمى الأحمر #8d8149 ≈ 1.01% من الذكور
عمى الأخضر #817852 ≈ 1.27% من الذكور
عمى الأزرق #008b7e ≈ 0.0001% من الذكور
ضعف الأحمر #72864b ≈ 1.08% من الذكور
ضعف الأخضر #688151 ≈ 4.63% من الذكور
ضعف الأزرق #008c6e ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-228d4e {
  color: #228d4e;
}
الخلفية
.bg-228d4e {
  background-color: #228d4e;
  color: #000000;
}
الحد
.border-228d4e {
  border: 2px solid #228d4e;
}
متغيرات CSS
:root {
  --color-primary: #228d4e;
  --color-primary-rgb: 34 141 78;
  --color-primary-hsl: 145 61% 34%;
}
تدرج
.gradient-228d4e {
  background: linear-gradient(135deg, #228d4e, #228d83);
}
ظل ملوّن
.shadow-228d4e {
  box-shadow: 0 8px 24px rgb(34 141 78 / 0.35);
}

#2e8b57 Sea Green ΔE 2.43 #009e60 Shamrock Green ΔE 5.93 #228b22 Forest Green ΔE 7.30 #00a86b Jade ΔE 9.10 #138808 India Green ΔE 9.24 #4f7942 Fern Green ΔE 9.25 #009000 Islamic Green ΔE 9.66 #dd72b1 معكوس #7b7b7b تدرج رمادي 

Sea Green
#228d4e  rgb(34, 141, 78)  hsl(145, 61%, 34%)  Sea Green
#8d2261  rgb(141, 34, 97)  hsl(325, 61%, 34%)  Boysenberry
#4e228d  rgb(78, 34, 141)  hsl(265, 61%, 34%)  Indigo
#8d4e22  rgb(141, 78, 34)  hsl(25, 61%, 34%)  Saddle Brown