ColorTool
لاگ اِن
#F45AD5

#f45ad5 ≈ Rose Pink

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

⁦#f45ad5⁩ “میجنٹا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 95.69% سرخ، 35.29% سبز اور 83.53% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 63.11% میجنٹا، 12.7% پیلا اور 4.31% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 312.08°، سیچوریشن 87.5% اور روشنی 65.49% ہے۔ یہ گرم اور ٹھنڈے کے درمیان ہے اور اکثر تخلیق، جرأت اور انفرادیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً خوبصورتی اور کاسمیٹکس، تخلیقی اسٹوڈیوز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 7.27:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Rose Pink (⁦#ff66cc⁩) ہے، ΔE 4.25۔

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

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

تکمیلی

  1. #f45ad5
  2. #5af479

منقسم تکمیلی

  1. #f45ad5
  2. #88f45a
  3. #5af4c6

مماثل

  1. #c65af4
  2. #f45ad5
  3. #f45a88

سہ رنگی

  1. #f45ad5
  2. #d5f45a
  3. #5ad5f4

چہار رنگی

  1. #f45ad5
  2. #f4795a
  3. #5af479
  4. #5ad5f4

مربع

  1. #f45ad5
  2. #f4c65a
  3. #5af479
  4. #5a88f4

یک رنگی

  1. #aa0b8a
  2. #ef12c3
  3. #f45ad5
  4. #f9a2e7
  5. #fee9fa

شیڈز

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

  1. #f45ad5
  2. #dc51c0
  3. #c348aa
  4. #ab3f95
  5. #923680
  6. #7a2d6b
  7. #622455
  8. #491b40
  9. #31122b
  10. #180915
  11. #000000

ٹنٹس

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

  1. #f45ad5
  2. #f56bd9
  3. #f67bdd
  4. #f78ce2
  5. #f89ce6
  6. #faadea
  7. #fbbdee
  8. #fccef2
  9. #fddef7
  10. #feeffb
  11. #ffffff

ٹونز

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

  1. #f45ad5
  2. #e85ecd
  3. #dd62c4
  4. #d165bc
  5. #c669b3
  6. #ba6dab
  7. #ae71a2
  8. #a3759a
  9. #977891
  10. #8c7c89
  11. #808080

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

اکرومیٹوپسیا #989898 تقریباً 0.003% مرد
اکرومیٹومیلی #c484b4 تقریباً 0.001% مرد
پروٹانوپیا #5d89d9 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #8ea0d1 تقریباً 1.27% مرد
ٹرائٹانوپیا #ff6290 تقریباً 0.0001% مرد
پروٹانومیلی #af79d7 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #bf8ad3 تقریباً 4.63% مرد
ٹرائٹانومیلی #fb5fb0 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#ff66cc Rose Pink ΔE 4.25 #da70d6 Orchid ΔE 4.86 #fc0fc0 Shocking Pink ΔE 6.79 #ee82ee Violet ΔE 7.54 #ff77ff Fuchsia Pink ΔE 7.64 #ff00ff Fuchsia ΔE 8.08 #ff00ff Magenta ΔE 8.08 #0ba52a الٹا رنگ #989898 گرے اسکیل 

Rose Pink
#f45ad5  rgb(244, 90, 213)  hsl(312, 88%, 65%)  Rose Pink
#5af479  rgb(90, 244, 121)  hsl(132, 88%, 65%)  Spring Green
#d5f45a  rgb(213, 244, 90)  hsl(72, 88%, 65%)  Electric Lime
#5ad5f4  rgb(90, 213, 244)  hsl(192, 88%, 65%)  Sky Blue