ColorTool
تسجيل الدخول
#172A2E

#172a2e ≈ Gunmetal

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

⁦#172a2e⁩ لون من عائلة «السماوي»، سطوعه منخفض جدًا وتشبّعه خافت. في نموذج RGB يتكوّن من 9.02% أحمر و16.47% أخضر و18.04% أزرق؛ وعند طباعته بنظام CMYK يستخدم 50% سماوي و8.7% أرجواني و0% أصفر و81.96% أسود. زاوية صبغته 190.43°، وتشبّعه 33.33% وسطوعه 13.53% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية والعلامات الفاخرة. يحقق النص الأبيض على هذا اللون نسبة تباين 14.92:1 (WCAG AAA). أقرب لون مسمّى هو Gunmetal (⁦#2a3439⁩)، وفرقه ΔE ‏5.45.

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

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

متكامل

  1. #172a2e
  2. #2e1b17

متكامل منقسم

  1. #172a2e
  2. #2e171f
  3. #2e2617

متجاور

  1. #172e26
  2. #172a2e
  3. #171f2e

ثلاثي

  1. #172a2e
  2. #2e172a
  3. #2a2e17

رباعي

  1. #172a2e
  2. #1b172e
  3. #2e1b17
  4. #2a2e17

مربع

  1. #172a2e
  2. #26172e
  3. #2e1b17
  4. #1f2e17

أحادي اللون

  1. #070c0e
  2. #070c0e
  3. #172a2e
  4. #315961
  5. #4a8794

الظلال

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

  1. #172a2e
  2. #152629
  3. #122225
  4. #101d20
  5. #0e191c
  6. #0c1517
  7. #091112
  8. #070d0e
  9. #050809
  10. #020405
  11. #000000

التفتيحات

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

  1. #172a2e
  2. #2e3f43
  3. #455558
  4. #5d6a6d
  5. #747f82
  6. #8b9597
  7. #a2aaab
  8. #b9bfc0
  9. #d1d4d5
  10. #e8eaea
  11. #ffffff

الدرجات

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

  1. #172a2e
  2. #223336
  3. #2c3b3e
  4. #374447
  5. #414c4f
  6. #4c5557
  7. #565e5f
  8. #616667
  9. #6b6f70
  10. #767778
  11. #808080

نص مقروء 14.92:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 1.41:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #272727 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #22282a ≈ 0.001% من الذكور
عمى الأحمر #27292e ≈ 1.01% من الذكور
عمى الأخضر #23262e ≈ 1.27% من الذكور
عمى الأزرق #0d2c2b ≈ 0.0001% من الذكور
ضعف الأحمر #21292e ≈ 1.08% من الذكور
ضعف الأخضر #1f282e ≈ 4.63% من الذكور
ضعف الأزرق #122b2c ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-172a2e {
  color: #172a2e;
}
الخلفية
.bg-172a2e {
  background-color: #172a2e;
  color: #ffffff;
}
الحد
.border-172a2e {
  border: 2px solid #172a2e;
}
متغيرات CSS
:root {
  --color-primary: #172a2e;
  --color-primary-rgb: 23 42 46;
  --color-primary-hsl: 190 33% 14%;
}
تدرج
.gradient-172a2e {
  background: linear-gradient(135deg, #172a2e, #171f2e);
}
ظل ملوّن
.shadow-172a2e {
  box-shadow: 0 8px 24px rgb(23 42 46 / 0.35);
}

#2a3439 Gunmetal ΔE 5.45 #353839 Onyx ΔE 8.73 #343434 Jet ΔE 9.65 #36454f Charcoal ΔE 10.05 #010b13 Rich Black ΔE 10.19 #3b3c36 Black Olive ΔE 11.35 #414a4c Outer Space ΔE 11.54 #e8d5d1 معكوس #272727 تدرج رمادي 

Gunmetal
#172a2e  rgb(23, 42, 46)  hsl(190, 33%, 14%)  Gunmetal
#2e1b17  rgb(46, 27, 23)  hsl(10, 33%, 14%)  Bistre
#2e172a  rgb(46, 23, 42)  hsl(310, 33%, 14%)  Licorice
#2a2e17  rgb(42, 46, 23)  hsl(70, 33%, 14%)  Black Olive