ColorTool
لاگ اِن
#CCFF5A

#ccff5a ≈ Green Yellow

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

⁦#ccff5a⁩ “پیلا سبز” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 80% سرخ، 100% سبز اور 35.29% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 20% سیان، 0% میجنٹا، 64.71% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 78.55°، سیچوریشن 100% اور روشنی 67.65% ہے۔ یہ گرم اور ٹھنڈے کے درمیان ہے اور اکثر تازگی، نشوونما اور زندگی سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ماحول دوست برانڈز، صحت اور تندرستی اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 18.02:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Green Yellow (⁦#adff2f⁩) ہے، ΔE 4.23۔

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

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

تکمیلی

  1. #ccff5a
  2. #8d5aff

منقسم تکمیلی

  1. #ccff5a
  2. #5a79ff
  3. #e05aff

مماثل

  1. #ffe05a
  2. #ccff5a
  3. #79ff5a

سہ رنگی

  1. #ccff5a
  2. #5accff
  3. #ff5acc

چہار رنگی

  1. #ccff5a
  2. #5aff8d
  3. #8d5aff
  4. #ff5acc

مربع

  1. #ccff5a
  2. #5affe0
  3. #8d5aff
  4. #ff5a79

یک رنگی

  1. #85c000
  2. #b4ff0e
  3. #ccff5a
  4. #e4ffa7
  5. #f9ffeb

شیڈز

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

  1. #ccff5a
  2. #b8e651
  3. #a3cc48
  4. #8fb33f
  5. #7a9936
  6. #66802d
  7. #526624
  8. #3d4d1b
  9. #293312
  10. #141a09
  11. #000000

ٹنٹس

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

  1. #ccff5a
  2. #d1ff6b
  3. #d6ff7b
  4. #dbff8c
  5. #e0ff9c
  6. #e6ffad
  7. #ebffbd
  8. #f0ffce
  9. #f5ffde
  10. #faffef
  11. #ffffff

ٹونز

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

  1. #ccff5a
  2. #c4f25e
  3. #bde662
  4. #b5d965
  5. #aecc69
  6. #a6c06d
  7. #9eb371
  8. #97a675
  9. #8f9978
  10. #888d7c
  11. #808080

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

اکرومیٹوپسیا #eeeeee تقریباً 0.003% مرد
اکرومیٹومیلی #e1f5c4 تقریباً 0.001% مرد
پروٹانوپیا #ffef44 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #ffed67 تقریباً 1.27% مرد
ٹرائٹانوپیا #d5f3dd تقریباً 0.0001% مرد
پروٹانومیلی #f5f64d تقریباً 1.08% مرد
ڈیوٹیرانومیلی #f1f462 تقریباً 4.63% مرد
ٹرائٹانومیلی #d1f8b7 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#adff2f Green Yellow ΔE 4.23 #ccff00 Electric Lime ΔE 4.52 #a7fc00 Spring Bud ΔE 5.09 #b2ec5d Inchworm ΔE 5.13 #dfff00 Chartreuse Yellow ΔE 6.52 #e3ff00 Lemon Lime ΔE 7.09 #bdda57 June Bud ΔE 8.23 #3300a5 الٹا رنگ #eeeeee گرے اسکیل 

Green Yellow
#ccff5a  rgb(204, 255, 90)  hsl(79, 100%, 68%)  Green Yellow
#8d5aff  rgb(141, 90, 255)  hsl(259, 100%, 68%)  Medium Slate Blue
#5accff  rgb(90, 204, 255)  hsl(199, 100%, 68%)  Light Sky Blue
#ff5acc  rgb(255, 90, 204)  hsl(319, 100%, 68%)  Rose Pink