ColorTool
لاگ اِن
#20EC77

#20ec77 ≈ Spring Green

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

⁦#20ec77⁩ “سبز” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 12.55% سرخ، 92.55% سبز اور 46.67% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 86.44% سیان، 0% میجنٹا، 49.58% پیلا اور 7.45% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 145.59°، سیچوریشن 84.3% اور روشنی 52.55% ہے۔ یہ گرم اور ٹھنڈے کے درمیان ہے اور اکثر فطرت، صحت اور توازن سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ماحول دوست برانڈز، صحت اور تندرستی اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 13.33:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Spring Green (⁦#00ff7f⁩) ہے، ΔE 4.02۔

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

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

تکمیلی

  1. #20ec77
  2. #ec2095

منقسم تکمیلی

  1. #20ec77
  2. #dd20ec
  3. #ec202f

مماثل

  1. #2fec20
  2. #20ec77
  3. #20ecdd

سہ رنگی

  1. #20ec77
  2. #7720ec
  3. #ec7720

چہار رنگی

  1. #20ec77
  2. #2095ec
  3. #ec2095
  4. #ec7720

مربع

  1. #20ec77
  2. #202fec
  3. #ec2095
  4. #ecdd20

یک رنگی

  1. #096a32
  2. #0fb054
  3. #20ec77
  4. #66f2a2
  5. #adf8cd

شیڈز

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

  1. #20ec77
  2. #1dd46b
  3. #1abd5f
  4. #16a553
  5. #138e47
  6. #10763c
  7. #0d5e30
  8. #0a4724
  9. #062f18
  10. #03180c
  11. #000000

ٹنٹس

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

  1. #20ec77
  2. #36ee85
  3. #4df092
  4. #63f2a0
  5. #79f4ad
  6. #90f6bb
  7. #a6f7c9
  8. #bcf9d6
  9. #d2fbe4
  10. #e9fdf1
  11. #ffffff

ٹونز

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

  1. #20ec77
  2. #2ae178
  3. #33d679
  4. #3dcc7a
  5. #46c17b
  6. #50b67c
  7. #5aab7c
  8. #63a07d
  9. #6d967e
  10. #768b7f
  11. #808080

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

اکرومیٹوپسیا #cecece تقریباً 0.003% مرد
اکرومیٹومیلی #a5dbb2 تقریباً 0.001% مرد
پروٹانوپیا #edd76d تقریباً 1.01% مرد
ڈیوٹیرانوپیا #d8c880 تقریباً 1.27% مرد
ٹرائٹانوپیا #00e8d1 تقریباً 0.0001% مرد
پروٹانومیلی #bee071 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #add77c تقریباً 4.63% مرد
ٹرائٹانومیلی #00eab4 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-20ec77 {
  color: #20ec77;
}
پس منظر
.bg-20ec77 {
  background-color: #20ec77;
  color: #000000;
}
بارڈر
.border-20ec77 {
  border: 2px solid #20ec77;
}
CSS ویری ایبلز
:root {
  --color-primary: #20ec77;
  --color-primary-rgb: 32 236 119;
  --color-primary-hsl: 146 84% 53%;
}
گریڈیئنٹ
.gradient-20ec77 {
  background: linear-gradient(135deg, #20ec77, #20ecdd);
}
رنگین سایہ
.shadow-20ec77 {
  box-shadow: 0 8px 24px rgb(32 236 119 / 0.35);
}

#00ff7f Spring Green ΔE 4.02 #00fa9a Medium Spring Green ΔE 4.95 #0bda51 Malachite ΔE 5.27 #77dd77 Pastel Green ΔE 6.00 #90ee90 Light Green ΔE 7.11 #98fb98 Pale Green ΔE 8.01 #98ff98 Mint Green ΔE 8.19 #df1388 الٹا رنگ #cecece گرے اسکیل 

Spring Green
#20ec77  rgb(32, 236, 119)  hsl(146, 84%, 53%)  Spring Green
#ec2095  rgb(236, 32, 149)  hsl(326, 84%, 53%)  Deep Pink
#7720ec  rgb(119, 32, 236)  hsl(266, 84%, 53%)  Electric Indigo
#ec7720  rgb(236, 119, 32)  hsl(26, 84%, 53%)  Pumpkin