ColorTool
لاگ اِن
#F87BDE

#f87bde ≈ Violet

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

⁦#f87bde⁩ “میجنٹا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 97.25% سرخ، 48.24% سبز اور 87.06% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 50.4% میجنٹا، 10.48% پیلا اور 2.75% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 312.48°، سیچوریشن 89.93% اور روشنی 72.75% ہے۔ یہ گرم اور ٹھنڈے کے درمیان ہے اور اکثر تخلیق، جرأت اور انفرادیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً خوبصورتی اور کاسمیٹکس، تخلیقی اسٹوڈیوز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 8.88:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Violet (⁦#ee82ee⁩) ہے، ΔE 3.82۔

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

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

تکمیلی

  1. #f87bde
  2. #7bf895

منقسم تکمیلی

  1. #f87bde
  2. #a0f87b
  3. #7bf8d4

مماثل

  1. #d47bf8
  2. #f87bde
  3. #f87ba0

سہ رنگی

  1. #f87bde
  2. #def87b
  3. #7bdef8

چہار رنگی

  1. #f87bde
  2. #f8957b
  3. #7bf895
  4. #7bdef8

مربع

  1. #f87bde
  2. #f8d47b
  3. #7bf895
  4. #7ba0f8

یک رنگی

  1. #cf0ba6
  2. #f432cc
  3. #f87bde
  4. #fcc4f0
  5. #feecfa

شیڈز

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

  1. #f87bde
  2. #df6fc8
  3. #c662b2
  4. #ae569b
  5. #954a85
  6. #7c3e6f
  7. #633159
  8. #4a2543
  9. #32192c
  10. #190c16
  11. #000000

ٹنٹس

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

  1. #f87bde
  2. #f988e1
  3. #f995e5
  4. #faa3e8
  5. #fbb0eb
  6. #fcbdef
  7. #fccaf2
  8. #fdd7f5
  9. #fee5f8
  10. #fef2fc
  11. #ffffff

ٹونز

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

  1. #f87bde
  2. #ec7cd5
  3. #e07ccb
  4. #d47dc2
  5. #c87db8
  6. #bc7eaf
  7. #b07ea6
  8. #a47f9c
  9. #987f93
  10. #8c8089
  11. #808080

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

اکرومیٹوپسیا #a8a8a8 تقریباً 0.003% مرد
اکرومیٹومیلی #cd98c0 تقریباً 0.001% مرد
پروٹانوپیا #7c9de1 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #9fafdb تقریباً 1.27% مرد
ٹرائٹانوپیا #ff81a2 تقریباً 0.0001% مرد
پروٹانومیلی #bb90e0 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #c99ddc تقریباً 4.63% مرد
ٹرائٹانومیلی #fe7ebd تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-f87bde {
  color: #f87bde;
}
پس منظر
.bg-f87bde {
  background-color: #f87bde;
  color: #000000;
}
بارڈر
.border-f87bde {
  border: 2px solid #f87bde;
}
CSS ویری ایبلز
:root {
  --color-primary: #f87bde;
  --color-primary-rgb: 248 123 222;
  --color-primary-hsl: 312 90% 73%;
}
گریڈیئنٹ
.gradient-f87bde {
  background: linear-gradient(135deg, #f87bde, #f87ba0);
}
رنگین سایہ
.shadow-f87bde {
  box-shadow: 0 8px 24px rgb(248 123 222 / 0.35);
}

#ee82ee Violet ΔE 3.82 #ff66cc Rose Pink ΔE 4.42 #ff77ff Fuchsia Pink ΔE 5.35 #da70d6 Orchid ΔE 5.95 #f77fbe Persian Pink ΔE 6.84 #ff69b4 Hot Pink ΔE 8.24 #df73ff Heliotrope ΔE 8.87 #078421 الٹا رنگ #a8a8a8 گرے اسکیل 

Violet
#f87bde  rgb(248, 123, 222)  hsl(312, 90%, 73%)  Violet
#7bf895  rgb(123, 248, 149)  hsl(132, 90%, 73%)  Pale Green
#def87b  rgb(222, 248, 123)  hsl(72, 90%, 73%)  Pastel Yellow
#7bdef8  rgb(123, 222, 248)  hsl(192, 90%, 73%)  Sky Blue