ColorTool
لاگ اِن
#FFE81F

#ffe81f ≈ Canary Yellow

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

⁦#ffe81f⁩ “پیلا” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 100% سرخ، 90.98% سبز اور 12.16% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 9.02% میجنٹا، 87.84% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 53.84°، سیچوریشن 100% اور روشنی 56.08% ہے۔ یہ ایک گرم رنگ ہے جو اکثر امید، توجہ اور خوشی سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً نمایاں حصوں اور انتباہات، بچوں کی مصنوعات اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 16.81:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Canary Yellow (⁦#ffef00⁩) ہے، ΔE 2.19۔

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

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

تکمیلی

  1. #ffe81f
  2. #1f36ff

منقسم تکمیلی

  1. #ffe81f
  2. #1fa6ff
  3. #781fff

مماثل

  1. #ff781f
  2. #ffe81f
  3. #a6ff1f

سہ رنگی

  1. #ffe81f
  2. #1fffe8
  3. #e81fff

چہار رنگی

  1. #ffe81f
  2. #36ff1f
  3. #1f36ff
  4. #e81fff

مربع

  1. #ffe81f
  2. #1fff78
  3. #1f36ff
  4. #ff1fa6

یک رنگی

  1. #857700
  2. #d2bc00
  3. #ffe81f
  4. #fff06c
  5. #fff8b8

شیڈز

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

  1. #ffe81f
  2. #e6d11c
  3. #ccba19
  4. #b3a216
  5. #998b13
  6. #807410
  7. #665d0c
  8. #4d4609
  9. #332e06
  10. #1a1703
  11. #000000

ٹنٹس

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

  1. #ffe81f
  2. #ffea35
  3. #ffed4c
  4. #ffef62
  5. #fff179
  6. #fff48f
  7. #fff6a5
  8. #fff8bc
  9. #fffad2
  10. #fffde9
  11. #ffffff

ٹونز

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

  1. #ffe81f
  2. #f2de29
  3. #e6d332
  4. #d9c93c
  5. #ccbe46
  6. #c0b450
  7. #b3aa59
  8. #a69f63
  9. #99956d
  10. #8d8a76
  11. #808080

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

اکرومیٹوپسیا #e6e6e6 تقریباً 0.003% مرد
اکرومیٹومیلی #f0e7b8 تقریباً 0.001% مرد
پروٹانوپیا #ffe100 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #ffea35 تقریباً 1.27% مرد
ٹرائٹانوپیا #ffd6c6 تقریباً 0.0001% مرد
پروٹانومیلی #ffe400 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #ffe92e تقریباً 4.63% مرد
ٹرائٹانومیلی #ffde9f تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#ffef00 Canary Yellow ΔE 2.19 #fdee00 Aureolin ΔE 2.20 #ffe135 Banana Yellow ΔE 2.56 #ffdf00 Golden Yellow ΔE 2.72 #f0e130 Dandelion ΔE 2.91 #eee600 Titanium Yellow ΔE 3.48 #fff600 Cadmium Yellow ΔE 4.07 #0017e0 الٹا رنگ #e6e6e6 گرے اسکیل 

Canary Yellow
#ffe81f  rgb(255, 232, 31)  hsl(54, 100%, 56%)  Canary Yellow
#1f36ff  rgb(31, 54, 255)  hsl(234, 100%, 56%)  Han Purple
#1fffe8  rgb(31, 255, 232)  hsl(174, 100%, 56%)  Turquoise Blue
#e81fff  rgb(232, 31, 255)  hsl(294, 100%, 56%)  Fuchsia