ColorTool
لاگ اِن
#F4F1F8

#f4f1f8 ≈ Ghost White

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

⁦#f4f1f8⁩ “سفید” خاندان کا رنگ ہے؛ اس کی روشنی بہت زیادہ اور سیچوریشن مدھم ہے۔ RGB ماڈل میں یہ 95.69% سرخ، 94.51% سبز اور 97.25% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 1.61% سیان، 2.82% میجنٹا، 0% پیلا اور 2.75% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 265.71°، سیچوریشن 33.33% اور روشنی 95.88% ہے۔ یہ ایک غیر جانبدار رنگ ہے جو اکثر پاکیزگی، سادگی اور وسعت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً پس منظر اور بڑی سطحوں، سادہ لے آؤٹ اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 18.78:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Ghost White (⁦#f8f8ff⁩) ہے، ΔE 1.94۔

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

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

تکمیلی

  1. #f4f1f8
  2. #f5f8f1

منقسم تکمیلی

  1. #f4f1f8
  2. #f8f7f1
  3. #f1f8f1

مماثل

  1. #f1f1f8
  2. #f4f1f8
  3. #f7f1f8

سہ رنگی

  1. #f4f1f8
  2. #f8f4f1
  3. #f1f8f4

چہار رنگی

  1. #f4f1f8
  2. #f8f1f5
  3. #f5f8f1
  4. #f1f8f4

مربع

  1. #f4f1f8
  2. #f8f1f1
  3. #f5f8f1
  4. #f1f8f7

یک رنگی

  1. #a48bc5
  2. #ccbede
  3. #f4f1f8
  4. #f4f1f8
  5. #f4f1f8

شیڈز

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

  1. #f4f1f8
  2. #dcd9df
  3. #c3c1c6
  4. #aba9ae
  5. #929195
  6. #7a797c
  7. #626063
  8. #49484a
  9. #313032
  10. #181819
  11. #000000

ٹنٹس

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

  1. #f4f1f8
  2. #f5f2f9
  3. #f6f4f9
  4. #f7f5fa
  5. #f8f7fb
  6. #faf8fc
  7. #fbf9fc
  8. #fcfbfd
  9. #fdfcfe
  10. #fefefe
  11. #ffffff

ٹونز

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

  1. #f4f1f8
  2. #e8e6ec
  3. #dddae0
  4. #d1cfd4
  5. #c6c4c8
  6. #bab9bc
  7. #aeadb0
  8. #a3a2a4
  9. #979798
  10. #8c8b8c
  11. #808080

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

اکرومیٹوپسیا #f2f2f2 تقریباً 0.003% مرد
اکرومیٹومیلی #f3f2f5 تقریباً 0.001% مرد
پروٹانوپیا #f0f2f8 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #f0f2f8 تقریباً 1.27% مرد
ٹرائٹانوپیا #f4f2f3 تقریباً 0.0001% مرد
پروٹانومیلی #f2f2f8 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #f2f2f8 تقریباً 4.63% مرد
ٹرائٹانومیلی #f4f1f5 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#f8f8ff Ghost White ΔE 1.94 #f8f4ff Magnolia ΔE 2.03 #fffafa Snow ΔE 3.83 #f5f5f5 White Smoke ΔE 4.14 #ffffff White ΔE 4.85 #fff0f5 Lavender Blush ΔE 4.92 #f0f8ff Alice Blue ΔE 5.45 #0b0e07 الٹا رنگ #f2f2f2 گرے اسکیل 

Ghost White
#f4f1f8  rgb(244, 241, 248)  hsl(266, 33%, 96%)  Ghost White
#f5f8f1  rgb(245, 248, 241)  hsl(86, 33%, 96%)  Mint Cream
#f8f4f1  rgb(248, 244, 241)  hsl(26, 33%, 96%)  Isabelline
#f1f8f4  rgb(241, 248, 244)  hsl(146, 33%, 96%)  Mint Cream