ColorTool
لاگ اِن
#F5D756

#f5d756 ≈ Naples Yellow

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

⁦#f5d756⁩ “پیلا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 96.08% سرخ، 84.31% سبز اور 33.73% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 12.24% میجنٹا، 64.9% پیلا اور 3.92% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 48.68°، سیچوریشن 88.83% اور روشنی 64.9% ہے۔ یہ ایک گرم رنگ ہے جو اکثر امید، توجہ اور خوشی سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً نمایاں حصوں اور انتباہات، بچوں کی مصنوعات اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 14.74:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Naples Yellow (⁦#fada5e⁩) ہے، ΔE 1.12۔

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

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

تکمیلی

  1. #f5d756
  2. #5674f5

منقسم تکمیلی

  1. #f5d756
  2. #56c3f5
  3. #8756f5

مماثل

  1. #f58756
  2. #f5d756
  3. #c3f556

سہ رنگی

  1. #f5d756
  2. #56f5d7
  3. #d756f5

چہار رنگی

  1. #f5d756
  2. #74f556
  3. #5674f5
  4. #d756f5

مربع

  1. #f5d756
  2. #56f587
  3. #5674f5
  4. #f556c3

یک رنگی

  1. #a88a0a
  2. #f0c60e
  3. #f5d756
  4. #f9e89e
  5. #fef9e6

شیڈز

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

  1. #f5d756
  2. #ddc24d
  3. #c4ac45
  4. #ac973c
  5. #938134
  6. #7b6c2b
  7. #625622
  8. #4a411a
  9. #312b11
  10. #191609
  11. #000000

ٹنٹس

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

  1. #f5d756
  2. #f6db67
  3. #f7df78
  4. #f8e389
  5. #f9e79a
  6. #faebab
  7. #fbefbb
  8. #fcf3cc
  9. #fdf7dd
  10. #fefbee
  11. #ffffff

ٹونز

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

  1. #f5d756
  2. #e9ce5a
  3. #dec65e
  4. #d2bd63
  5. #c6b467
  6. #bbac6b
  7. #afa36f
  8. #a39a73
  9. #979178
  10. #8c897c
  11. #808080

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

اکرومیٹوپسیا #d8d8d8 تقریباً 0.003% مرد
اکرومیٹومیلی #e4d8b3 تقریباً 0.001% مرد
پروٹانوپیا #ecd346 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #f3dc5d تقریباً 1.27% مرد
ٹرائٹانوپیا #ffc8bc تقریباً 0.0001% مرد
پروٹانومیلی #efd44d تقریباً 1.08% مرد
ڈیوٹیرانومیلی #f4da5a تقریباً 4.63% مرد
ٹرائٹانومیلی #ffce9d تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#fada5e Naples Yellow ΔE 1.12 #ffdb58 Mustard ΔE 1.90 #ffe135 Banana Yellow ΔE 4.17 #f8de7e Jasmine ΔE 4.52 #f4ca16 Jonquil ΔE 5.12 #ffd700 Gold ΔE 5.16 #e4d00a Citrine ΔE 5.35 #0a28a9 الٹا رنگ #d8d8d8 گرے اسکیل 

Naples Yellow
#f5d756  rgb(245, 215, 86)  hsl(49, 89%, 65%)  Naples Yellow
#5674f5  rgb(86, 116, 245)  hsl(229, 89%, 65%)  Ultramarine Blue
#56f5d7  rgb(86, 245, 215)  hsl(169, 89%, 65%)  Aquamarine
#d756f5  rgb(215, 86, 245)  hsl(289, 89%, 65%)  Heliotrope