ColorTool
تسجيل الدخول
#F57493

#f57493 ≈ Pale Violet Red

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

⁦#f57493⁩ لون من عائلة «الأحمر»، سطوعه مرتفع وتشبّعه قوي. في نموذج RGB يتكوّن من 96.08% أحمر و45.49% أخضر و57.65% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و52.65% أرجواني و40% أصفر و3.92% أسود. زاوية صبغته 345.58°، وتشبّعه 86.58% وسطوعه 70.78% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالطاقة والشغف والإلحاح. يستخدمه المصممون عادةً في علامات الطعام والمطاعم، التخفيضات والعروض وأزرار الدعوة إلى الإجراء. يحقق النص الأسود على هذا اللون نسبة تباين 7.8:1 (WCAG AAA). أقرب لون مسمّى هو Pale Violet Red (⁦#db7093⁩)، وفرقه ΔE ‏5.46.

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

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

متكامل

  1. #f57493
  2. #74f5d6

متكامل منقسم

  1. #f57493
  2. #74f595
  3. #74d3f5

متجاور

  1. #f574d3
  2. #f57493
  3. #f59574

ثلاثي

  1. #f57493
  2. #93f574
  3. #7493f5

رباعي

  1. #f57493
  2. #f5d674
  3. #74f5d6
  4. #7493f5

مربع

  1. #f57493
  2. #d3f574
  3. #74f5d6
  4. #9574f5

أحادي اللون

  1. #c20e39
  2. #f02d5c
  3. #f57493
  4. #fabbca
  5. #feecf0

الظلال

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

  1. #f57493
  2. #dd6884
  3. #c45d76
  4. #ac5167
  5. #934658
  6. #7b3a4a
  7. #622e3b
  8. #4a232c
  9. #31171d
  10. #190c0f
  11. #000000

التفتيحات

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

  1. #f57493
  2. #f6829e
  3. #f790a9
  4. #f89eb3
  5. #f9acbe
  6. #fabac9
  7. #fbc7d4
  8. #fcd5df
  9. #fde3e9
  10. #fef1f4
  11. #ffffff

الدرجات

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

  1. #f57493
  2. #e97591
  3. #de768f
  4. #d2788d
  5. #c6798b
  6. #bb7a8a
  7. #af7b88
  8. #a37c86
  9. #977e84
  10. #8c7f82
  11. #808080

نص مقروء 2.69:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 7.8:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #9e9e9e ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #c78f99 ≈ 0.001% من الذكور
عمى الأحمر #8c8e94 ≈ 1.01% من الذكور
عمى الأخضر #ada790 ≈ 1.27% من الذكور
عمى الأزرق #ff667f ≈ 0.0001% من الذكور
ضعف الأحمر #bf8493 ≈ 1.08% من الذكور
ضعف الأخضر #ce9591 ≈ 4.63% من الذكور
ضعف الأزرق #ff6c88 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

#db7093 Pale Violet Red ΔE 5.46 #fc8eac Flamingo Pink ΔE 6.09 #ff91a4 Salmon Pink ΔE 6.56 #de5d83 Blush ΔE 6.99 #de6fa1 Thulian Pink ΔE 7.69 #f64a8a French Rose ΔE 7.70 #ff55a3 Brilliant Rose ΔE 8.17 #0a8b6c معكوس #9e9e9e تدرج رمادي 

Pale Violet Red
#f57493  rgb(245, 116, 147)  hsl(346, 87%, 71%)  Pale Violet Red
#74f5d6  rgb(116, 245, 214)  hsl(166, 87%, 71%)  Aquamarine
#93f574  rgb(147, 245, 116)  hsl(106, 87%, 71%)  Mint Green
#7493f5  rgb(116, 147, 245)  hsl(226, 87%, 71%)  Cornflower Blue