ColorTool
لاگ اِن
#FF6F60

#ff6f60 ≈ Bittersweet

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

⁦#ff6f60⁩ “سرخ” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 100% سرخ، 43.53% سبز اور 37.65% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 56.47% میجنٹا، 62.35% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 5.66°، سیچوریشن 100% اور روشنی 68.82% ہے۔ یہ ایک گرم رنگ ہے جو اکثر توانائی، جذبے اور فوری پن سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کھانے کے برانڈز اور ریستوران، سیل اور پروموشنز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 7.69:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Bittersweet (⁦#fe6f5e⁩) ہے، ΔE 0.57۔

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

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

تکمیلی

  1. #ff6f60
  2. #60f0ff

منقسم تکمیلی

  1. #ff6f60
  2. #60ffbe
  3. #60a0ff

مماثل

  1. #ff60a0
  2. #ff6f60
  3. #ffbe60

سہ رنگی

  1. #ff6f60
  2. #60ff6f
  3. #6f60ff

چہار رنگی

  1. #ff6f60
  2. #f0ff60
  3. #60f0ff
  4. #6f60ff

مربع

  1. #ff6f60
  2. #a0ff60
  3. #60f0ff
  4. #be60ff

یک رنگی

  1. #c61300
  2. #ff2a13
  3. #ff6f60
  4. #ffb4ac
  5. #ffedeb

شیڈز

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

  1. #ff6f60
  2. #e66456
  3. #cc594d
  4. #b34e43
  5. #99433a
  6. #803830
  7. #662c26
  8. #4d211d
  9. #331613
  10. #1a0b0a
  11. #000000

ٹنٹس

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

  1. #ff6f60
  2. #ff7d70
  3. #ff8c80
  4. #ff9a90
  5. #ffa9a0
  6. #ffb7b0
  7. #ffc5bf
  8. #ffd4cf
  9. #ffe2df
  10. #fff1ef
  11. #ffffff

ٹونز

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

  1. #ff6f60
  2. #f27163
  3. #e67266
  4. #d9746a
  5. #cc766d
  6. #c07870
  7. #b37973
  8. #a67b76
  9. #997d7a
  10. #8d7e7d
  11. #808080

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

اکرومیٹوپسیا #9c9c9c تقریباً 0.003% مرد
اکرومیٹومیلی #cc8d88 تقریباً 0.001% مرد
پروٹانوپیا #94895e تقریباً 1.01% مرد
ڈیوٹیرانوپیا #b8a85d تقریباً 1.27% مرد
ٹرائٹانوپیا #ff536c تقریباً 0.0001% مرد
پروٹانومیلی #c8805f تقریباً 1.08% مرد
ڈیوٹیرانومیلی #d8955e تقریباً 4.63% مرد
ٹرائٹانومیلی #ff5f67 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#fe6f5e Bittersweet ΔE 0.57 #ff6961 Pastel Red ΔE 1.94 #fa8072 Salmon ΔE 3.72 #ff6347 Tomato ΔE 4.66 #e2725b Terra Cotta ΔE 5.38 #e97451 Burnt Sienna ΔE 6.77 #f08080 Light Coral ΔE 7.28 #00909f الٹا رنگ #9c9c9c گرے اسکیل 

Bittersweet
#ff6f60  rgb(255, 111, 96)  hsl(6, 100%, 69%)  Bittersweet
#60f0ff  rgb(96, 240, 255)  hsl(186, 100%, 69%)  Electric Blue
#60ff6f  rgb(96, 255, 111)  hsl(126, 100%, 69%)  Spring Green
#6f60ff  rgb(111, 96, 255)  hsl(246, 100%, 69%)  Medium Slate Blue