ColorTool
لاگ اِن
#F4F7FF

#f4f7ff ≈ Ghost White

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

⁦#f4f7ff⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی بہت زیادہ اور سیچوریشن مدھم ہے۔ RGB ماڈل میں یہ 95.69% سرخ، 96.86% سبز اور 100% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 4.31% سیان، 3.14% میجنٹا، 0% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 223.64°، سیچوریشن 100% اور روشنی 97.84% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 19.59:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Ghost White (⁦#f8f8ff⁩) ہے، ΔE 1.44۔

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

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

تکمیلی

  1. #f4f7ff
  2. #fffcf4

منقسم تکمیلی

  1. #f4f7ff
  2. #fff6f4
  3. #fcfff4

مماثل

  1. #f4fcff
  2. #f4f7ff
  3. #f6f4ff

سہ رنگی

  1. #f4f7ff
  2. #fff4f7
  3. #f7fff4

چہار رنگی

  1. #f4f7ff
  2. #fcf4ff
  3. #fffcf4
  4. #f7fff4

مربع

  1. #f4f7ff
  2. #fff4fc
  3. #fffcf4
  4. #f4fff6

یک رنگی

  1. #5b88ff
  2. #a7bfff
  3. #f4f7ff
  4. #ebf0ff
  5. #ebf0ff

شیڈز

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

  1. #f4f7ff
  2. #dcdee6
  3. #c3c6cc
  4. #abadb3
  5. #929499
  6. #7a7c80
  7. #626366
  8. #494a4d
  9. #313133
  10. #18191a
  11. #000000

ٹنٹس

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

  1. #f4f7ff
  2. #f5f8ff
  3. #f6f9ff
  4. #f7f9ff
  5. #f8faff
  6. #fafbff
  7. #fbfcff
  8. #fcfdff
  9. #fdfdff
  10. #fefeff
  11. #ffffff

ٹونز

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

  1. #f4f7ff
  2. #e8ebf2
  3. #dddfe6
  4. #d1d3d9
  5. #c6c7cc
  6. #babcc0
  7. #aeb0b3
  8. #a3a4a6
  9. #979899
  10. #8c8c8d
  11. #808080

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

اکرومیٹوپسیا #f7f7f7 تقریباً 0.003% مرد
اکرومیٹومیلی #f6f7fa تقریباً 0.001% مرد
پروٹانوپیا #f5f7ff تقریباً 1.01% مرد
ڈیوٹیرانوپیا #f4f7ff تقریباً 1.27% مرد
ٹرائٹانوپیا #f2f8f9 تقریباً 0.0001% مرد
پروٹانومیلی #f5f7ff تقریباً 1.08% مرد
ڈیوٹیرانومیلی #f4f7ff تقریباً 4.63% مرد
ٹرائٹانومیلی #f3f8fc تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#f8f8ff Ghost White ΔE 1.44 #f0f8ff Alice Blue ΔE 2.53 #f5f5f5 White Smoke ΔE 3.88 #f8f4ff Magnolia ΔE 3.89 #ffffff White ΔE 4.18 #fffafa Snow ΔE 4.84 #f4f0ec Isabelline ΔE 6.25 #0b0800 الٹا رنگ #f7f7f7 گرے اسکیل 

Ghost White
#f4f7ff  rgb(244, 247, 255)  hsl(224, 100%, 98%)  Ghost White
#fffcf4  rgb(255, 252, 244)  hsl(44, 100%, 98%)  Floral White
#fff4f7  rgb(255, 244, 247)  hsl(344, 100%, 98%)  Lavender Blush
#f7fff4  rgb(247, 255, 244)  hsl(104, 100%, 98%)  Mint Cream