ColorTool
تسجيل الدخول
#57AFA1

#57afa1 ≈ Verdigris

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

⁦#57afa1⁩ لون من عائلة «الأخضر المزرق»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 34.12% أحمر و68.63% أخضر و63.14% أزرق؛ وعند طباعته بنظام CMYK يستخدم 50.29% سماوي و0% أرجواني و8% أصفر و31.37% أسود. زاوية صبغته 170.45°، وتشبّعه 35.48% وسطوعه 51.37% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالصفاء والهدوء والتجدد. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 8.05:1 (WCAG AAA). أقرب لون مسمّى هو Verdigris (⁦#43b3ae⁩)، وفرقه ΔE ‏4.08.

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

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

متكامل

  1. #57afa1
  2. #af5765

متكامل منقسم

  1. #57afa1
  2. #af5791
  3. #af7557

متجاور

  1. #57af75
  2. #57afa1
  3. #5791af

ثلاثي

  1. #57afa1
  2. #a157af
  3. #afa157

رباعي

  1. #57afa1
  2. #5765af
  3. #af5765
  4. #afa157

مربع

  1. #57afa1
  2. #7557af
  3. #af5765
  4. #91af57

أحادي اللون

  1. #234a44
  2. #3c7e73
  3. #57afa1
  4. #8bc8be
  5. #bfe0db

الظلال

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

  1. #57afa1
  2. #4e9e91
  3. #468c81
  4. #3d7b71
  5. #346961
  6. #2c5851
  7. #234640
  8. #1a3530
  9. #112320
  10. #091210
  11. #000000

التفتيحات

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

  1. #57afa1
  2. #68b7aa
  3. #79bfb4
  4. #89c7bd
  5. #9acfc7
  6. #abd7d0
  7. #bcdfd9
  8. #cde7e3
  9. #ddefec
  10. #eef7f6
  11. #ffffff

الدرجات

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

  1. #57afa1
  2. #5baa9e
  3. #5fa69a
  4. #63a197
  5. #679c94
  6. #6c9891
  7. #70938d
  8. #748e8a
  9. #788987
  10. #7c8583
  11. #808080

نص مقروء 2.61:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 8.05:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #a0a0a0 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #89a6a1 ≈ 0.001% من الذكور
عمى الأحمر #a8a6a0 ≈ 1.01% من الذكور
عمى الأخضر #9a9ca2 ≈ 1.27% من الذكور
عمى الأزرق #2ab2ab ≈ 0.0001% من الذكور
ضعف الأحمر #8faaa1 ≈ 1.08% من الذكور
ضعف الأخضر #84a4a2 ≈ 4.63% من الذكور
ضعف الأزرق #40b1a7 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-57afa1 {
  color: #57afa1;
}
الخلفية
.bg-57afa1 {
  background-color: #57afa1;
  color: #000000;
}
الحد
.border-57afa1 {
  border: 2px solid #57afa1;
}
متغيرات CSS
:root {
  --color-primary: #57afa1;
  --color-primary-rgb: 87 175 161;
  --color-primary-hsl: 170 35% 51%;
}
تدرج
.gradient-57afa1 {
  background: linear-gradient(135deg, #57afa1, #5791af);
}
ظل ملوّن
.shadow-57afa1 {
  box-shadow: 0 8px 24px rgb(87 175 161 / 0.35);
}

#43b3ae Verdigris ΔE 4.08 #20b2aa Light Sea Green ΔE 4.45 #00a693 Persian Green ΔE 5.81 #0abab5 Tiffany Blue ΔE 6.10 #29ab87 Jungle Green ΔE 7.93 #5f9ea0 Cadet Blue ΔE 8.45 #3eb489 Mint ΔE 9.04 #a8505e معكوس #a0a0a0 تدرج رمادي 

Verdigris
#57afa1  rgb(87, 175, 161)  hsl(170, 35%, 51%)  Verdigris
#af5765  rgb(175, 87, 101)  hsl(350, 35%, 51%)  Rose Gold
#a157af  rgb(161, 87, 175)  hsl(290, 35%, 51%)  Purpureus
#afa157  rgb(175, 161, 87)  hsl(50, 35%, 51%)  Brass