ColorTool
لاگ اِن
#F57780

#f57780 ≈ Light Coral

  • سرخ
  • روشنی: زیادہ
  • سیچوریشن: درمیانی
  • گرم
کنٹراسٹ جانچیں گراف میں دیکھیں بے ترتیب رنگ

⁦#f57780⁩ “سرخ” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 96.08% سرخ، 46.67% سبز اور 50.2% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 51.43% میجنٹا، 47.76% پیلا اور 3.92% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 355.71°، سیچوریشن 86.3% اور روشنی 71.37% ہے۔ یہ ایک گرم رنگ ہے جو اکثر توانائی، جذبے اور فوری پن سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کھانے کے برانڈز اور ریستوران، سیل اور پروموشنز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 7.83:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Light Coral (⁦#f08080⁩) ہے، ΔE 2.83۔

یہ تفصیل اس رنگ کی ناپی گئی خصوصیات سے تیار کی گئی ہے۔

HEX
RGB
RGB فیصد
CMY
CMYK
HSL
HSV / HSB
ویب سیف#ff6699
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
بائنری
اعشاری
نسبتی روشنی0.3416

تکمیلی

  1. #f57780
  2. #77f5ec

منقسم تکمیلی

  1. #f57780
  2. #77f5ad
  3. #77bff5

مماثل

  1. #f577bf
  2. #f57780
  3. #f5ad77

سہ رنگی

  1. #f57780
  2. #80f577
  3. #7780f5

چہار رنگی

  1. #f57780
  2. #f5ec77
  3. #77f5ec
  4. #7780f5

مربع

  1. #f57780
  2. #bff577
  3. #77f5ec
  4. #ad77f5

یک رنگی

  1. #c50e1b
  2. #f0303d
  3. #f57780
  4. #fabec3
  5. #feeced

شیڈز

⁦#f57780⁩ میں بتدریج سیاہ ملایا گیا۔

  1. #f57780
  2. #dd6b73
  3. #c45f66
  4. #ac535a
  5. #93474d
  6. #7b3c40
  7. #623033
  8. #4a2426
  9. #31181a
  10. #190c0d
  11. #000000

ٹنٹس

⁦#f57780⁩ میں بتدریج سفید ملایا گیا۔

  1. #f57780
  2. #f6858d
  3. #f79299
  4. #f8a0a6
  5. #f9adb3
  6. #fabbc0
  7. #fbc9cc
  8. #fcd6d9
  9. #fde4e6
  10. #fef1f2
  11. #ffffff

ٹونز

⁦#f57780⁩ میں بتدریج سرمئی ملایا گیا۔

  1. #f57780
  2. #e97880
  3. #de7980
  4. #d27a80
  5. #c67b80
  6. #bb7c80
  7. #af7c80
  8. #a37d80
  9. #977e80
  10. #8c7f80
  11. #808080

پڑھنے کے قابل متن 2.68:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
پڑھنے کے قابل متن 7.83:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

اکرومیٹوپسیا #9e9e9e تقریباً 0.003% مرد
اکرومیٹومیلی #c79093 تقریباً 0.001% مرد
پروٹانوپیا #928e80 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #b2a87d تقریباً 1.27% مرد
ٹرائٹانوپیا #ff667b تقریباً 0.0001% مرد
پروٹانومیلی #c28580 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #d0977e تقریباً 4.63% مرد
ٹرائٹانومیلی #ff6d7d تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

اس رنگ میں پس منظر

اس رنگ میں بارڈر

متن کا رنگ
.text-f57780 {
  color: #f57780;
}
پس منظر
.bg-f57780 {
  background-color: #f57780;
  color: #000000;
}
بارڈر
.border-f57780 {
  border: 2px solid #f57780;
}
CSS ویری ایبلز
:root {
  --color-primary: #f57780;
  --color-primary-rgb: 245 119 128;
  --color-primary-hsl: 356 86% 71%;
}
گریڈیئنٹ
.gradient-f57780 {
  background: linear-gradient(135deg, #f57780, #f5ad77);
}
رنگین سایہ
.shadow-f57780 {
  box-shadow: 0 8px 24px rgb(245 119 128 / 0.35);
}

#f08080 Light Coral ΔE 2.83 #fa8072 Salmon ΔE 7.05 #ff6961 Pastel Red ΔE 7.27 #ff91a4 Salmon Pink ΔE 7.71 #fe4164 Neon Fuchsia ΔE 8.75 #fe6f5e Bittersweet ΔE 8.87 #fc8eac Flamingo Pink ΔE 9.65 #0a887f الٹا رنگ #9e9e9e گرے اسکیل 

Light Coral
#f57780  rgb(245, 119, 128)  hsl(356, 86%, 71%)  Light Coral
#77f5ec  rgb(119, 245, 236)  hsl(176, 86%, 71%)  Turquoise Blue
#80f577  rgb(128, 245, 119)  hsl(116, 86%, 71%)  Mint Green
#7780f5  rgb(119, 128, 245)  hsl(236, 86%, 71%)  Medium Slate Blue