ColorTool
لاگ اِن
#FF7F60

#ff7f60 ≈ Coral

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

⁦#ff7f60⁩ “سرخ” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 100% سرخ، 49.8% سبز اور 37.65% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 50.2% میجنٹا، 62.35% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 11.7°، سیچوریشن 100% اور روشنی 68.82% ہے۔ یہ ایک گرم رنگ ہے جو اکثر توانائی، جذبے اور فوری پن سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کھانے کے برانڈز اور ریستوران، سیل اور پروموشنز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 8.46:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Coral (⁦#ff7f50⁩) ہے، ΔE 4.17۔

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

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

تکمیلی

  1. #ff7f60
  2. #60e0ff

منقسم تکمیلی

  1. #ff7f60
  2. #60ffce
  3. #6090ff

مماثل

  1. #ff6090
  2. #ff7f60
  3. #ffce60

سہ رنگی

  1. #ff7f60
  2. #60ff7f
  3. #7f60ff

چہار رنگی

  1. #ff7f60
  2. #e0ff60
  3. #60e0ff
  4. #7f60ff

مربع

  1. #ff7f60
  2. #90ff60
  3. #60e0ff
  4. #ce60ff

یک رنگی

  1. #c62700
  2. #ff4113
  3. #ff7f60
  4. #ffbdac
  5. #ffefeb

شیڈز

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

  1. #ff7f60
  2. #e67256
  3. #cc664d
  4. #b35943
  5. #994c3a
  6. #804030
  7. #663326
  8. #4d261d
  9. #331913
  10. #1a0d0a
  11. #000000

ٹنٹس

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

  1. #ff7f60
  2. #ff8c70
  3. #ff9980
  4. #ffa590
  5. #ffb2a0
  6. #ffbfb0
  7. #ffccbf
  8. #ffd9cf
  9. #ffe5df
  10. #fff2ef
  11. #ffffff

ٹونز

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

  1. #ff7f60
  2. #f27f63
  3. #e67f66
  4. #d97f6a
  5. #cc7f6d
  6. #c08070
  7. #b38073
  8. #a68076
  9. #99807a
  10. #8d807d
  11. #808080

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

اکرومیٹوپسیا #a4a4a4 تقریباً 0.003% مرد
اکرومیٹومیلی #cf978e تقریباً 0.001% مرد
پروٹانوپیا #a0935d تقریباً 1.01% مرد
ڈیوٹیرانوپیا #bfaf5d تقریباً 1.27% مرد
ٹرائٹانوپیا #ff6778 تقریباً 0.0001% مرد
پروٹانومیلی #cd8c5e تقریباً 1.08% مرد
ڈیوٹیرانومیلی #dc9e5e تقریباً 4.63% مرد
ٹرائٹانومیلی #ff726f تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-ff7f60 {
  color: #ff7f60;
}
پس منظر
.bg-ff7f60 {
  background-color: #ff7f60;
  color: #000000;
}
بارڈر
.border-ff7f60 {
  border: 2px solid #ff7f60;
}
CSS ویری ایبلز
:root {
  --color-primary: #ff7f60;
  --color-primary-rgb: 255 127 96;
  --color-primary-hsl: 12 100% 69%;
}
گریڈیئنٹ
.gradient-ff7f60 {
  background: linear-gradient(135deg, #ff7f60, #ffce60);
}
رنگین سایہ
.shadow-ff7f60 {
  box-shadow: 0 8px 24px rgb(255 127 96 / 0.35);
}

#ff7f50 Coral ΔE 4.17 #fe6f5e Bittersweet ΔE 4.74 #e97451 Burnt Sienna ΔE 4.92 #fa8072 Salmon ΔE 5.04 #ff6347 Tomato ΔE 5.60 #e2725b Terra Cotta ΔE 6.16 #ff6961 Pastel Red ΔE 7.05 #00809f الٹا رنگ #a4a4a4 گرے اسکیل 

Coral
#ff7f60  rgb(255, 127, 96)  hsl(12, 100%, 69%)  Coral
#60e0ff  rgb(96, 224, 255)  hsl(192, 100%, 69%)  Sky Blue
#60ff7f  rgb(96, 255, 127)  hsl(132, 100%, 69%)  Spring Green
#7f60ff  rgb(127, 96, 255)  hsl(252, 100%, 69%)  Medium Slate Blue