ColorTool
Giriş yap
#577B60

#577b60 ≈ Viridian

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

#577b60, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %34,12 kırmızı, %48,24 yeşil ve %37,65 maviden oluşur; CMYK baskıda %29,27 camgöbeği, %0 macenta, %21,95 sarı ve %51,76 siyah kullanır. Ton açısı 135°, HSL’de doygunluğu %17,14 ve açıklığı %41,18’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 beyaz metin 4,76:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Viridian (#40826d), ΔE 6,38.

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

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

Tamamlayıcı

  1. #577b60
  2. #7b5772

Bölünmüş tamamlayıcı

  1. #577b60
  2. #72577b
  3. #7b5760

Komşu

  1. #607b57
  2. #577b60
  3. #577b72

Üçlü

  1. #577b60
  2. #60577b
  3. #7b6057

Dörtlü

  1. #577b60
  2. #57727b
  3. #7b5772
  4. #7b6057

Kare

  1. #577b60
  2. #57607b
  3. #7b5772
  4. #7b7257

Tek renkli

  1. #18211a
  2. #374e3d
  3. #577b60
  4. #7ca286
  5. #a9c2af

Koyu tonlar

#577b60 kademeli olarak siyahla karıştırıldı.

  1. #577b60
  2. #4e6f56
  3. #46624d
  4. #3d5643
  5. #344a3a
  6. #2c3e30
  7. #233126
  8. #1a251d
  9. #111913
  10. #090c0a
  11. #000000

Açık tonlar

#577b60 kademeli olarak beyazla karıştırıldı.

  1. #577b60
  2. #688870
  3. #799580
  4. #89a390
  5. #9ab0a0
  6. #abbdb0
  7. #bccabf
  8. #cdd7cf
  9. #dde5df
  10. #eef2ef
  11. #ffffff

Tonlar

#577b60 kademeli olarak griyle karıştırıldı.

  1. #577b60
  2. #5b7c63
  3. #5f7c66
  4. #637d6a
  5. #677d6d
  6. #6c7e70
  7. #707e73
  8. #747f76
  9. #787f7a
  10. #7c807d
  11. #808080

Okunaklı metin 4.76:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.41:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #737373 Erkeklerin ≈ 0.003% kadarı
Akromatomali #69766c Erkeklerin ≈ 0.001% kadarı
Protanopi #7b755e Erkeklerin ≈ 1.01% kadarı
Döteranopi #757161 Erkeklerin ≈ 1.27% kadarı
Tritanopi #527a73 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6f785f Erkeklerin ≈ 1.08% kadarı
Döteranomali #6a7561 Erkeklerin ≈ 4.63% kadarı
Tritanomali #547a6c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-577b60 {
  color: #577b60;
}
Arka plan
.bg-577b60 {
  background-color: #577b60;
  color: #ffffff;
}
Kenarlık
.border-577b60 {
  border: 2px solid #577b60;
}
CSS değişkenleri
:root {
  --color-primary: #577b60;
  --color-primary-rgb: 87 123 96;
  --color-primary-hsl: 135 17% 41%;
}
Geçiş
.gradient-577b60 {
  background: linear-gradient(135deg, #577b60, #577b72);
}
Renkli gölge
.shadow-577b60 {
  box-shadow: 0 8px 24px rgb(87 123 96 / 0.35);
}

#40826d Viridian ΔE 6.38 #4f7942 Fern Green ΔE 7.98 #738678 Xanadu ΔE 9.01 #2e8b57 Sea Green ΔE 9.90 #00755e Tropical Rain Forest ΔE 10.13 #317873 Myrtle Green ΔE 10.98 #355e3b Hunter Green ΔE 11.51 #a8849f Ters renk #737373 Gri tonlama 

Viridian
#577b60  rgb(87, 123, 96)  hsl(135, 17%, 41%)  Viridian
#7b5772  rgb(123, 87, 114)  hsl(315, 17%, 41%)  Twilight Lavender
#60577b  rgb(96, 87, 123)  hsl(255, 17%, 41%)  Old Lavender
#7b6057  rgb(123, 96, 87)  hsl(15, 17%, 41%)  Wenge