ColorTool
Giriş yap
#4CC50A

#4cc50a ≈ Kelly Green

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

#4cc50a, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %29,8 kırmızı, %77,25 yeşil ve %3,92 maviden oluşur; CMYK baskıda %61,42 camgöbeği, %0 macenta, %94,92 sarı ve %22,75 siyah kullanır. Ton açısı 98,82°, HSL’de doygunluğu %90,34 ve açıklığı %40,59’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 9,3:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Kelly Green (#4cbb17), ΔE 2,73.

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

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

Tamamlayıcı

  1. #4cc50a
  2. #830ac5

Bölünmüş tamamlayıcı

  1. #4cc50a
  2. #250ac5
  3. #c50aaa

Komşu

  1. #aac50a
  2. #4cc50a
  3. #0ac525

Üçlü

  1. #4cc50a
  2. #0a4cc5
  3. #c50a4c

Dörtlü

  1. #4cc50a
  2. #0ac583
  3. #830ac5
  4. #c50a4c

Kare

  1. #4cc50a
  2. #0aaac5
  3. #830ac5
  4. #c5250a

Tek renkli

  1. #143303
  2. #307c06
  3. #4cc50a
  4. #70f427
  5. #a0f870

Koyu tonlar

#4cc50a kademeli olarak siyahla karıştırıldı.

  1. #4cc50a
  2. #44b109
  3. #3d9e08
  4. #358a07
  5. #2e7606
  6. #266305
  7. #1e4f04
  8. #173b03
  9. #0f2702
  10. #081401
  11. #000000

Açık tonlar

#4cc50a kademeli olarak beyazla karıştırıldı.

  1. #4cc50a
  2. #5ecb23
  3. #70d13b
  4. #82d654
  5. #94dc6c
  6. #a6e285
  7. #b7e89d
  8. #c9eeb6
  9. #dbf3ce
  10. #edf9e7
  11. #ffffff

Tonlar

#4cc50a kademeli olarak griyle karıştırıldı.

  1. #4cc50a
  2. #51be16
  3. #56b722
  4. #5cb02d
  5. #61a939
  6. #66a345
  7. #6b9c51
  8. #70955d
  9. #768e68
  10. #7b8774
  11. #808080

Okunaklı metin 2.26:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #acacac Erkeklerin ≈ 0.003% kadarı
Akromatomali #90b789 Erkeklerin ≈ 0.001% kadarı
Protanopi #cbb200 Erkeklerin ≈ 1.01% kadarı
Döteranopi #bda92d Erkeklerin ≈ 1.27% kadarı
Tritanopi #3dbea7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a7ba00 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9cb523 Erkeklerin ≈ 4.63% kadarı
Tritanomali #44c185 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-4cc50a {
  color: #4cc50a;
}
Arka plan
.bg-4cc50a {
  background-color: #4cc50a;
  color: #000000;
}
Kenarlık
.border-4cc50a {
  border: 2px solid #4cc50a;
}
CSS değişkenleri
:root {
  --color-primary: #4cc50a;
  --color-primary-rgb: 76 197 10;
  --color-primary-hsl: 99 90% 41%;
}
Geçiş
.gradient-4cc50a {
  background: linear-gradient(135deg, #4cc50a, #0ac525);
}
Renkli gölge
.shadow-4cc50a {
  box-shadow: 0 8px 24px rgb(76 197 10 / 0.35);
}

#4cbb17 Kelly Green ΔE 2.73 #32cd32 Lime Green ΔE 3.64 #0bda51 Malachite ΔE 7.77 #74c365 Mantis ΔE 8.31 #9acd32 Yellow Green ΔE 8.91 #8db600 Apple Green ΔE 9.85 #77dd77 Pastel Green ΔE 10.39 #b33af5 Ters renk #acacac Gri tonlama 

Kelly Green
#4cc50a  rgb(76, 197, 10)  hsl(99, 90%, 41%)  Kelly Green
#830ac5  rgb(131, 10, 197)  hsl(279, 90%, 41%)  Dark Violet
#0a4cc5  rgb(10, 76, 197)  hsl(219, 90%, 41%)  Sapphire
#c50a4c  rgb(197, 10, 76)  hsl(339, 90%, 41%)  Ruby