ColorTool
Giriş yap
#9CD45F

#9cd45f ≈ Yellow Green

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

#9cd45f, “sarı-yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %61,18 kırmızı, %83,14 yeşil ve %37,25 maviden oluşur; CMYK baskıda %26,42 camgöbeği, %0 macenta, %55,19 sarı ve %16,86 siyah kullanır. Ton açısı 88,72°, HSL’de doygunluğu %57,64 ve açıklığı %60,2’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla tazelik, büyüme ve canlılık 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 12:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Yellow Green (#9acd32), ΔE 4,98.

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

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

Tamamlayıcı

  1. #9cd45f
  2. #975fd4

Bölünmüş tamamlayıcı

  1. #9cd45f
  2. #5f62d4
  3. #d25fd4

Komşu

  1. #d4d25f
  2. #9cd45f
  3. #62d45f

Üçlü

  1. #9cd45f
  2. #5f9cd4
  3. #d45f9c

Dörtlü

  1. #9cd45f
  2. #5fd497
  3. #975fd4
  4. #d45f9c

Kare

  1. #9cd45f
  2. #5fd4d2
  3. #975fd4
  4. #d45f62

Tek renkli

  1. #4f7921
  2. #76b631
  3. #9cd45f
  4. #c1e49b
  5. #e7f4d8

Koyu tonlar

#9cd45f kademeli olarak siyahla karıştırıldı.

  1. #9cd45f
  2. #8cbf56
  3. #7daa4c
  4. #6d9443
  5. #5e7f39
  6. #4e6a30
  7. #3e5526
  8. #2f401d
  9. #1f2a13
  10. #10150a
  11. #000000

Açık tonlar

#9cd45f kademeli olarak beyazla karıştırıldı.

  1. #9cd45f
  2. #a6d86f
  3. #b0dd7f
  4. #bae18f
  5. #c4e59f
  6. #ceeaaf
  7. #d7eebf
  8. #e1f2cf
  9. #ebf6df
  10. #f5fbef
  11. #ffffff

Tonlar

#9cd45f kademeli olarak griyle karıştırıldı.

  1. #9cd45f
  2. #99cc62
  3. #96c366
  4. #94bb69
  5. #91b26c
  6. #8eaa70
  7. #8ba273
  8. #889976
  9. #869179
  10. #83887d
  11. #808080

Okunaklı metin 1.75:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 12:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #c4c4c4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b5caa5 Erkeklerin ≈ 0.001% kadarı
Protanopi #ddc653 Erkeklerin ≈ 1.01% kadarı
Döteranopi #d5c267 Erkeklerin ≈ 1.27% kadarı
Tritanopi #9fccba Erkeklerin ≈ 0.0001% kadarı
Protanomali #c6cc58 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c1ca64 Erkeklerin ≈ 4.63% kadarı
Tritanomali #9ecf9e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-9cd45f {
  color: #9cd45f;
}
Arka plan
.bg-9cd45f {
  background-color: #9cd45f;
  color: #000000;
}
Kenarlık
.border-9cd45f {
  border: 2px solid #9cd45f;
}
CSS değişkenleri
:root {
  --color-primary: #9cd45f;
  --color-primary-rgb: 156 212 95;
  --color-primary-hsl: 89 58% 60%;
}
Geçiş
.gradient-9cd45f {
  background: linear-gradient(135deg, #9cd45f, #62d45f);
}
Renkli gölge
.shadow-9cd45f {
  box-shadow: 0 8px 24px rgb(156 212 95 / 0.35);
}

#9acd32 Yellow Green ΔE 4.98 #93c572 Pistachio ΔE 5.95 #b2ec5d Inchworm ΔE 6.17 #bdda57 June Bud ΔE 6.38 #77dd77 Pastel Green ΔE 7.41 #74c365 Mantis ΔE 7.60 #90ee90 Light Green ΔE 9.13 #632ba0 Ters renk #c4c4c4 Gri tonlama 

Yellow Green
#9cd45f  rgb(156, 212, 95)  hsl(89, 58%, 60%)  Yellow Green
#975fd4  rgb(151, 95, 212)  hsl(269, 58%, 60%)  Amethyst
#5f9cd4  rgb(95, 156, 212)  hsl(209, 58%, 60%)  Carolina Blue
#d45f9c  rgb(212, 95, 156)  hsl(329, 58%, 60%)  Thulian Pink