ColorTool
تسجيل الدخول
#646C82

#646c82 ≈ Slate Gray

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

⁦#646c82⁩ لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه خافت. في نموذج RGB يتكوّن من 39.22% أحمر و42.35% أخضر و50.98% أزرق؛ وعند طباعته بنظام CMYK يستخدم 23.08% سماوي و16.92% أرجواني و0% أصفر و49.02% أسود. زاوية صبغته 224°، وتشبّعه 13.04% وسطوعه 45.1% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 5.24:1 (WCAG AA). أقرب لون مسمّى هو Slate Gray (⁦#708090⁩)، وفرقه ΔE ‏9.07.

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

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

متكامل

  1. #646c82
  2. #827a64

متكامل منقسم

  1. #646c82
  2. #826b64
  3. #7b8264

متجاور

  1. #647b82
  2. #646c82
  3. #6b6482

ثلاثي

  1. #646c82
  2. #82646c
  3. #6c8264

رباعي

  1. #646c82
  2. #7a6482
  3. #827a64
  4. #6c8264

مربع

  1. #646c82
  2. #82647b
  3. #827a64
  4. #64826b

أحادي اللون

  1. #21242c
  2. #434857
  3. #646c82
  4. #8c93a7
  5. #b7bcc8

الظلال

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

  1. #646c82
  2. #5a6175
  3. #505668
  4. #464c5b
  5. #3c414e
  6. #323641
  7. #282b34
  8. #1e2027
  9. #14161a
  10. #0a0b0d
  11. #000000

التفتيحات

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

  1. #646c82
  2. #747b8f
  3. #83899b
  4. #9398a8
  5. #a2a7b4
  6. #b2b6c1
  7. #c1c4cd
  8. #d1d3da
  9. #e0e2e6
  10. #f0f0f3
  11. #ffffff

الدرجات

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

  1. #646c82
  2. #676e82
  3. #6a7082
  4. #6c7281
  5. #6f7481
  6. #727681
  7. #757881
  8. #787a81
  9. #7a7c80
  10. #7d7e80
  11. #808080

نص مقروء 5.24:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 4.01:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #6c6c6c ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #696c76 ≈ 0.001% من الذكور
عمى الأحمر #666e83 ≈ 1.01% من الذكور
عمى الأخضر #636b81 ≈ 1.27% من الذكور
عمى الأزرق #5d7073 ≈ 0.0001% من الذكور
ضعف الأحمر #656d83 ≈ 1.08% من الذكور
ضعف الأخضر #636b82 ≈ 4.63% من الذكور
ضعف الأزرق #606f79 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-646c82 {
  color: #646c82;
}
الخلفية
.bg-646c82 {
  background-color: #646c82;
  color: #ffffff;
}
الحد
.border-646c82 {
  border: 2px solid #646c82;
}
متغيرات CSS
:root {
  --color-primary: #646c82;
  --color-primary-rgb: 100 108 130;
  --color-primary-hsl: 224 13% 45%;
}
تدرج
.gradient-646c82 {
  background: linear-gradient(135deg, #646c82, #6b6482);
}
ظل ملوّن
.shadow-646c82 {
  box-shadow: 0 8px 24px rgb(100 108 130 / 0.35);
}

#708090 Slate Gray ΔE 9.07 #708090 Slate Grey ΔE 9.07 #436b95 Queen Blue ΔE 9.80 #696969 Dim Gray ΔE 10.45 #696969 Dim Grey ΔE 10.45 #796878 Old Lavender ΔE 11.27 #778899 Light Slate Gray ΔE 11.66 #9b937d معكوس #6c6c6c تدرج رمادي 

Slate Gray
#646c82  rgb(100, 108, 130)  hsl(224, 13%, 45%)  Slate Gray
#827a64  rgb(130, 122, 100)  hsl(44, 13%, 45%)  Battleship Gray
#82646c  rgb(130, 100, 108)  hsl(344, 13%, 45%)  Old Lavender
#6c8264  rgb(108, 130, 100)  hsl(104, 13%, 45%)  Xanadu