ColorTool
لاگ اِن
#22F554

#22f554 ≈ Spring Green

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

⁦#22f554⁩ “سبز” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 13.33% سرخ، 96.08% سبز اور 32.94% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 86.12% سیان، 0% میجنٹا، 65.71% پیلا اور 3.92% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 134.22°، سیچوریشن 91.34% اور روشنی 54.71% ہے۔ یہ گرم اور ٹھنڈے کے درمیان ہے اور اکثر فطرت، صحت اور توازن سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ماحول دوست برانڈز، صحت اور تندرستی اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 14.26:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Spring Green (⁦#00ff7f⁩) ہے، ΔE 4.81۔

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

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

تکمیلی

  1. #22f554
  2. #f522c3

منقسم تکمیلی

  1. #22f554
  2. #be22f5
  3. #f5225a

مماثل

  1. #5af522
  2. #22f554
  3. #22f5be

سہ رنگی

  1. #22f554
  2. #5422f5
  3. #f55422

چہار رنگی

  1. #22f554
  2. #22c3f5
  3. #f522c3
  4. #f55422

مربع

  1. #22f554
  2. #225af5
  3. #f522c3
  4. #f5be22

یک رنگی

  1. #057921
  2. #09c235
  3. #22f554
  4. #6bf88d
  5. #b4fcc5

شیڈز

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

  1. #22f554
  2. #1fdd4c
  3. #1bc443
  4. #18ac3b
  5. #149332
  6. #117b2a
  7. #0e6222
  8. #0a4a19
  9. #073111
  10. #031908
  11. #000000

ٹنٹس

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

  1. #22f554
  2. #38f665
  3. #4ef776
  4. #64f887
  5. #7af998
  6. #91faaa
  7. #a7fbbb
  8. #bdfccc
  9. #d3fddd
  10. #e9feee
  11. #ffffff

ٹونز

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

  1. #22f554
  2. #2be958
  3. #35de5d
  4. #3ed261
  5. #48c666
  6. #51bb6a
  7. #5aaf6e
  8. #64a373
  9. #6d9777
  10. #778c7c
  11. #808080

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

اکرومیٹوپسیا #d5d5d5 تقریباً 0.003% مرد
اکرومیٹومیلی #aae2b0 تقریباً 0.001% مرد
پروٹانوپیا #f9de3f تقریباً 1.01% مرد
ڈیوٹیرانوپیا #e3cf63 تقریباً 1.27% مرد
ٹرائٹانوپیا #00efd4 تقریباً 0.0001% مرد
پروٹانومیلی #c7e748 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #b6df5d تقریباً 4.63% مرد
ٹرائٹانومیلی #00f1af تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-22f554 {
  color: #22f554;
}
پس منظر
.bg-22f554 {
  background-color: #22f554;
  color: #000000;
}
بارڈر
.border-22f554 {
  border: 2px solid #22f554;
}
CSS ویری ایبلز
:root {
  --color-primary: #22f554;
  --color-primary-rgb: 34 245 84;
  --color-primary-hsl: 134 91% 55%;
}
گریڈیئنٹ
.gradient-22f554 {
  background: linear-gradient(135deg, #22f554, #22f5be);
}
رنگین سایہ
.shadow-22f554 {
  box-shadow: 0 8px 24px rgb(34 245 84 / 0.35);
}

#00ff7f Spring Green ΔE 4.81 #00ff00 Lime ΔE 4.98 #39ff14 Neon Green ΔE 5.11 #3fff00 Harlequin ΔE 5.56 #0bda51 Malachite ΔE 6.26 #7cfc00 Lawn Green ΔE 8.09 #77dd77 Pastel Green ΔE 8.15 #dd0aab الٹا رنگ #d5d5d5 گرے اسکیل 

Spring Green
#22f554  rgb(34, 245, 84)  hsl(134, 91%, 55%)  Spring Green
#f522c3  rgb(245, 34, 195)  hsl(314, 91%, 55%)  Shocking Pink
#5422f5  rgb(84, 34, 245)  hsl(254, 91%, 55%)  Han Purple
#f55422  rgb(245, 84, 34)  hsl(14, 91%, 55%)  Orange Red