ColorTool
Giriş yap
#22A63F

#22a63f ≈ Shamrock Green

  • yeşil
  • Açıklık: düşük
  • Doygunluk: güçlü
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#22a63f, “yeşil” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %13,33 kırmızı, %65,1 yeşil ve %24,71 maviden oluşur; CMYK baskıda %79,52 camgöbeği, %0 macenta, %62,05 sarı ve %34,9 siyah kullanır. Ton açısı 133,18°, HSL’de doygunluğu %66 ve açıklığı %39,22’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla doğa, sağlık ve denge ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 6,59:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Shamrock Green (#009e60), ΔE 7,67.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#339933
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.2797

Tamamlayıcı

  1. #22a63f
  2. #a62289

Bölünmüş tamamlayıcı

  1. #22a63f
  2. #8122a6
  3. #a62247

Komşu

  1. #47a622
  2. #22a63f
  3. #22a681

Üçlü

  1. #22a63f
  2. #3f22a6
  3. #a63f22

Dörtlü

  1. #22a63f
  2. #2289a6
  3. #a62289
  4. #a63f22

Kare

  1. #22a63f
  2. #2247a6
  3. #a62289
  4. #a68122

Tek renkli

  1. #08270f
  2. #156727
  3. #22a63f
  4. #3dd75f
  5. #7de493

Koyu tonlar

#22a63f kademeli olarak siyahla karıştırıldı.

  1. #22a63f
  2. #1f9539
  3. #1b8532
  4. #18742c
  5. #146426
  6. #115320
  7. #0e4219
  8. #0a3213
  9. #07210d
  10. #031106
  11. #000000

Açık tonlar

#22a63f kademeli olarak beyazla karıştırıldı.

  1. #22a63f
  2. #38af52
  3. #4eb865
  4. #64c179
  5. #7aca8c
  6. #91d39f
  7. #a7dbb2
  8. #bde4c5
  9. #d3edd9
  10. #e9f6ec
  11. #ffffff

Tonlar

#22a63f kademeli olarak griyle karıştırıldı.

  1. #22a63f
  2. #2ba246
  3. #359e4c
  4. #3e9b53
  5. #489759
  6. #519360
  7. #5a8f66
  8. #648b6d
  9. #6d8873
  10. #77847a
  11. #808080

Okunaklı metin 3.18:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.59:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #909090 Erkeklerin ≈ 0.003% kadarı
Akromatomali #749978 Erkeklerin ≈ 0.001% kadarı
Protanopi #a89634 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9a8c48 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00a290 Erkeklerin ≈ 0.0001% kadarı
Protanomali #879d38 Erkeklerin ≈ 1.08% kadarı
Döteranomali #7c9744 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00a478 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-22a63f {
  color: #22a63f;
}
Arka plan
.bg-22a63f {
  background-color: #22a63f;
  color: #000000;
}
Kenarlık
.border-22a63f {
  border: 2px solid #22a63f;
}
CSS değişkenleri
:root {
  --color-primary: #22a63f;
  --color-primary-rgb: 34 166 63;
  --color-primary-hsl: 133 66% 39%;
}
Geçiş
.gradient-22a63f {
  background: linear-gradient(135deg, #22a63f, #22a681);
}
Renkli gölge
.shadow-22a63f {
  box-shadow: 0 8px 24px rgb(34 166 63 / 0.35);
}

#009e60 Shamrock Green ΔE 7.67 #00a86b Jade ΔE 8.05 #3cb371 Medium Sea Green ΔE 8.05 #009000 Islamic Green ΔE 8.46 #228b22 Forest Green ΔE 9.09 #4cbb17 Kelly Green ΔE 9.09 #74c365 Mantis ΔE 10.68 #dd59c0 Ters renk #909090 Gri tonlama 

Shamrock Green
#22a63f  rgb(34, 166, 63)  hsl(133, 66%, 39%)  Shamrock Green
#a62289  rgb(166, 34, 137)  hsl(313, 66%, 39%)  Deep Plum
#3f22a6  rgb(63, 34, 166)  hsl(253, 66%, 39%)  Zaffre
#a63f22  rgb(166, 63, 34)  hsl(13, 66%, 39%)  Rust