ColorTool
لاگ اِن
#22D775

#22d775 ≈ Emerald

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

⁦#22d775⁩ “سبز” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 13.33% سرخ، 84.31% سبز اور 45.88% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 84.19% سیان، 0% میجنٹا، 45.58% پیلا اور 15.69% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 147.51°، سیچوریشن 72.69% اور روشنی 48.82% ہے۔ یہ گرم اور ٹھنڈے کے درمیان ہے اور اکثر فطرت، صحت اور توازن سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ماحول دوست برانڈز، صحت اور تندرستی اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 11.05:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Emerald (⁦#50c878⁩) ہے، ΔE 4.51۔

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

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

تکمیلی

  1. #22d775
  2. #d72284

منقسم تکمیلی

  1. #22d775
  2. #cf22d7
  3. #d7222a

مماثل

  1. #2ad722
  2. #22d775
  3. #22d7cf

سہ رنگی

  1. #22d775
  2. #7522d7
  3. #d77522

چہار رنگی

  1. #22d775
  2. #2284d7
  3. #d72284
  4. #d77522

مربع

  1. #22d775
  2. #222ad7
  3. #d72284
  4. #d7cf22

یک رنگی

  1. #0d532d
  2. #189551
  3. #22d775
  4. #60e69d
  5. #a2f0c6

شیڈز

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

  1. #22d775
  2. #1fc269
  3. #1bac5e
  4. #189752
  5. #148146
  6. #116c3b
  7. #0e562f
  8. #0a4123
  9. #072b17
  10. #03160c
  11. #000000

ٹنٹس

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

  1. #22d775
  2. #38db83
  3. #4edf91
  4. #64e39e
  5. #7ae7ac
  6. #91ebba
  7. #a7efc8
  8. #bdf3d6
  9. #d3f7e3
  10. #e9fbf1
  11. #ffffff

ٹونز

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

  1. #22d775
  2. #2bce76
  3. #35c677
  4. #3ebd78
  5. #48b479
  6. #51ac7b
  7. #5aa37c
  8. #649a7d
  9. #6d917e
  10. #77897f
  11. #808080

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

اکرومیٹوپسیا #bcbcbc تقریباً 0.003% مرد
اکرومیٹومیلی #97c7a4 تقریباً 0.001% مرد
پروٹانوپیا #d7c46d تقریباً 1.01% مرد
ڈیوٹیرانوپیا #c4b67c تقریباً 1.27% مرد
ٹرائٹانوپیا #00d4bf تقریباً 0.0001% مرد
پروٹانومیلی #accc71 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #9dc479 تقریباً 4.63% مرد
ٹرائٹانومیلی #00d5a7 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#50c878 Emerald ΔE 4.51 #0bda51 Malachite ΔE 5.08 #77dd77 Pastel Green ΔE 5.93 #00fa9a Medium Spring Green ΔE 8.05 #32cd32 Lime Green ΔE 8.12 #74c365 Mantis ΔE 8.13 #90ee90 Light Green ΔE 9.03 #dd288a الٹا رنگ #bcbcbc گرے اسکیل 

Emerald
#22d775  rgb(34, 215, 117)  hsl(148, 73%, 49%)  Emerald
#d72284  rgb(215, 34, 132)  hsl(328, 73%, 49%)  Telemagenta
#7522d7  rgb(117, 34, 215)  hsl(268, 73%, 49%)  Blue Violet
#d77522  rgb(215, 117, 34)  hsl(28, 73%, 49%)  Ochre