ColorTool
لاگ اِن
#F57778

#f57778 ≈ Light Coral

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

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

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

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

تکمیلی

  1. #f57778
  2. #77f5f4

منقسم تکمیلی

  1. #f57778
  2. #77f5b5
  3. #77b7f5

مماثل

  1. #f577b7
  2. #f57778
  3. #f5b577

سہ رنگی

  1. #f57778
  2. #78f577
  3. #7778f5

چہار رنگی

  1. #f57778
  2. #f5f477
  3. #77f5f4
  4. #7778f5

مربع

  1. #f57778
  2. #b7f577
  3. #77f5f4
  4. #b577f5

یک رنگی

  1. #c50e10
  2. #f03031
  3. #f57778
  4. #fabebf
  5. #feecec

شیڈز

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

  1. #f57778
  2. #dd6b6c
  3. #c45f60
  4. #ac5354
  5. #934748
  6. #7b3c3c
  7. #623030
  8. #4a2424
  9. #311818
  10. #190c0c
  11. #000000

ٹنٹس

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

  1. #f57778
  2. #f68586
  3. #f79293
  4. #f8a0a1
  5. #f9adae
  6. #fabbbc
  7. #fbc9c9
  8. #fcd6d7
  9. #fde4e4
  10. #fef1f2
  11. #ffffff

ٹونز

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

  1. #f57778
  2. #e97879
  3. #de797a
  4. #d27a7a
  5. #c67b7b
  6. #bb7c7c
  7. #af7c7d
  8. #a37d7e
  9. #977e7e
  10. #8c7f7f
  11. #808080

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

اکرومیٹوپسیا #9e9e9e تقریباً 0.003% مرد
اکرومیٹومیلی #c79090 تقریباً 0.001% مرد
پروٹانوپیا #948d77 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #b3a775 تقریباً 1.27% مرد
ٹرائٹانوپیا #ff6478 تقریباً 0.0001% مرد
پروٹانومیلی #c28578 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #d19676 تقریباً 4.63% مرد
ٹرائٹانومیلی #ff6c78 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#f08080 Light Coral ΔE 2.17 #fa8072 Salmon ΔE 4.76 #ff6961 Pastel Red ΔE 5.05 #fe6f5e Bittersweet ΔE 6.43 #e2725b Terra Cotta ΔE 8.33 #fe4164 Neon Fuchsia ΔE 9.11 #ff91a4 Salmon Pink ΔE 9.45 #0a8887 الٹا رنگ #9e9e9e گرے اسکیل 

Light Coral
#f57778  rgb(245, 119, 120)  hsl(360, 86%, 71%)  Light Coral
#77f5f4  rgb(119, 245, 244)  hsl(180, 86%, 71%)  Electric Blue
#78f577  rgb(120, 245, 119)  hsl(120, 86%, 71%)  Mint Green
#7778f5  rgb(119, 120, 245)  hsl(240, 86%, 71%)  Medium Slate Blue