ColorTool
لاگ اِن
#FA55DF

#fa55df ≈ Rose Pink

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

⁦#fa55df⁩ “میجنٹا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 98.04% سرخ، 33.33% سبز اور 87.45% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 66% میجنٹا، 10.8% پیلا اور 1.96% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 309.82°، سیچوریشن 94.29% اور روشنی 65.69% ہے۔ یہ گرم اور ٹھنڈے کے درمیان ہے اور اکثر تخلیق، جرأت اور انفرادیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً خوبصورتی اور کاسمیٹکس، تخلیقی اسٹوڈیوز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 7.43:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Rose Pink (⁦#ff66cc⁩) ہے، ΔE 5.17۔

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

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

تکمیلی

  1. #fa55df
  2. #55fa70

منقسم تکمیلی

  1. #fa55df
  2. #8dfa55
  3. #55fac3

مماثل

  1. #c355fa
  2. #fa55df
  3. #fa558d

سہ رنگی

  1. #fa55df
  2. #dffa55
  3. #55dffa

چہار رنگی

  1. #fa55df
  2. #fa7055
  3. #55fa70
  4. #55dffa

مربع

  1. #fa55df
  2. #fac355
  3. #55fa70
  4. #558dfa

یک رنگی

  1. #b10595
  2. #f80bd1
  3. #fa55df
  4. #fc9fed
  5. #feeafb

شیڈز

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

  1. #fa55df
  2. #e14dc9
  3. #c844b2
  4. #af3c9c
  5. #963386
  6. #7d2b70
  7. #642259
  8. #4b1a43
  9. #32112d
  10. #190916
  11. #000000

ٹنٹس

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

  1. #fa55df
  2. #fb66e2
  3. #fb77e5
  4. #fc88e9
  5. #fc99ec
  6. #fdaaef
  7. #fdbbf2
  8. #feccf5
  9. #feddf9
  10. #ffeefc
  11. #ffffff

ٹونز

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

  1. #fa55df
  2. #ee59d6
  3. #e25ecc
  4. #d562c3
  5. #c966b9
  6. #bd6bb0
  7. #b16fa6
  8. #a5739d
  9. #987793
  10. #8c7c8a
  11. #808080

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

اکرومیٹوپسیا #9a9a9a تقریباً 0.003% مرد
اکرومیٹومیلی #c884b9 تقریباً 0.001% مرد
پروٹانوپیا #558ae3 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #8ca3db تقریباً 1.27% مرد
ٹرائٹانوپیا #ff6193 تقریباً 0.0001% مرد
پروٹانومیلی #b078e1 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #c28add تقریباً 4.63% مرد
ٹرائٹانومیلی #ff5cb6 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-fa55df {
  color: #fa55df;
}
پس منظر
.bg-fa55df {
  background-color: #fa55df;
  color: #000000;
}
بارڈر
.border-fa55df {
  border: 2px solid #fa55df;
}
CSS ویری ایبلز
:root {
  --color-primary: #fa55df;
  --color-primary-rgb: 250 85 223;
  --color-primary-hsl: 310 94% 66%;
}
گریڈیئنٹ
.gradient-fa55df {
  background: linear-gradient(135deg, #fa55df, #fa558d);
}
رنگین سایہ
.shadow-fa55df {
  box-shadow: 0 8px 24px rgb(250 85 223 / 0.35);
}

#ff66cc Rose Pink ΔE 5.17 #da70d6 Orchid ΔE 5.50 #ff77ff Fuchsia Pink ΔE 6.81 #ff00ff Fuchsia ΔE 6.85 #ff00ff Magenta ΔE 6.85 #fc0fc0 Shocking Pink ΔE 7.20 #ee82ee Violet ΔE 7.41 #05aa20 الٹا رنگ #9a9a9a گرے اسکیل 

Rose Pink
#fa55df  rgb(250, 85, 223)  hsl(310, 94%, 66%)  Rose Pink
#55fa70  rgb(85, 250, 112)  hsl(130, 94%, 66%)  Spring Green
#dffa55  rgb(223, 250, 85)  hsl(70, 94%, 66%)  Chartreuse Yellow
#55dffa  rgb(85, 223, 250)  hsl(190, 94%, 66%)  Sky Blue