ColorTool
لاگ اِن
#FCE45F

#fce45f ≈ Naples Yellow

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

⁦#fce45f⁩ “پیلا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 98.82% سرخ، 89.41% سبز اور 37.25% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 9.52% میجنٹا، 62.3% پیلا اور 1.18% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 50.83°، سیچوریشن 96.32% اور روشنی 68.04% ہے۔ یہ ایک گرم رنگ ہے جو اکثر امید، توجہ اور خوشی سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً نمایاں حصوں اور انتباہات، بچوں کی مصنوعات اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 16.4:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Naples Yellow (⁦#fada5e⁩) ہے، ΔE 3.05۔

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

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

تکمیلی

  1. #fce45f
  2. #5f77fc

منقسم تکمیلی

  1. #fce45f
  2. #5fc5fc
  3. #965ffc

مماثل

  1. #fc965f
  2. #fce45f
  3. #c5fc5f

سہ رنگی

  1. #fce45f
  2. #5ffce4
  3. #e45ffc

چہار رنگی

  1. #fce45f
  2. #77fc5f
  3. #5f77fc
  4. #e45ffc

مربع

  1. #fce45f
  2. #5ffc96
  3. #5f77fc
  4. #fc5fc5

یک رنگی

  1. #bea204
  2. #fbd714
  3. #fce45f
  4. #fdf1aa
  5. #fffceb

شیڈز

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

  1. #fce45f
  2. #e3cd56
  3. #cab64c
  4. #b0a043
  5. #978939
  6. #7e7230
  7. #655b26
  8. #4c441d
  9. #322e13
  10. #19170a
  11. #000000

ٹنٹس

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

  1. #fce45f
  2. #fce76f
  3. #fde97f
  4. #fdec8f
  5. #fdef9f
  6. #fef2af
  7. #fef4bf
  8. #fef7cf
  9. #fefadf
  10. #fffcef
  11. #ffffff

ٹونز

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

  1. #fce45f
  2. #f0da62
  3. #e3d066
  4. #d7c669
  5. #cabc6c
  6. #beb270
  7. #b2a873
  8. #a59e76
  9. #999479
  10. #8c8a7d
  11. #808080

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

اکرومیٹوپسیا #e3e3e3 تقریباً 0.003% مرد
اکرومیٹومیلی #eee4bd تقریباً 0.001% مرد
پروٹانوپیا #f8de50 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #ffe766 تقریباً 1.27% مرد
ٹرائٹانوپیا #ffd5c8 تقریباً 0.0001% مرد
پروٹانومیلی #fae156 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #fee663 تقریباً 4.63% مرد
ٹرائٹانومیلی #ffdba8 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#fada5e Naples Yellow ΔE 3.05 #ffdb58 Mustard ΔE 3.52 #ffe135 Banana Yellow ΔE 3.56 #f0e130 Dandelion ΔE 4.23 #f8de7e Jasmine ΔE 4.82 #ffdf00 Golden Yellow ΔE 5.32 #e4d96f Straw ΔE 5.41 #031ba0 الٹا رنگ #e3e3e3 گرے اسکیل 

Naples Yellow
#fce45f  rgb(252, 228, 95)  hsl(51, 96%, 68%)  Naples Yellow
#5f77fc  rgb(95, 119, 252)  hsl(231, 96%, 68%)  Ultramarine Blue
#5ffce4  rgb(95, 252, 228)  hsl(171, 96%, 68%)  Turquoise Blue
#e45ffc  rgb(228, 95, 252)  hsl(291, 96%, 68%)  Heliotrope