ColorTool
Giriş yap
#577B63

#577b63 ≈ Viridian

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

#577b63, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %34,12 kırmızı, %48,24 yeşil ve %38,82 maviden oluşur; CMYK baskıda %29,27 camgöbeği, %0 macenta, %19,51 sarı ve %51,76 siyah kullanır. Ton açısı 140°, 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,75:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Viridian (#40826d), ΔE 5,95.

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.1709

Tamamlayıcı

  1. #577b63
  2. #7b576f

Bölünmüş tamamlayıcı

  1. #577b63
  2. #75577b
  3. #7b575d

Komşu

  1. #5d7b57
  2. #577b63
  3. #577b75

Üçlü

  1. #577b63
  2. #63577b
  3. #7b6357

Dörtlü

  1. #577b63
  2. #576f7b
  3. #7b576f
  4. #7b6357

Kare

  1. #577b63
  2. #575d7b
  3. #7b576f
  4. #7b7557

Tek renkli

  1. #18211b
  2. #374e3f
  3. #577b63
  4. #7ca289
  5. #a9c2b1

Koyu tonlar

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

  1. #577b63
  2. #4e6f59
  3. #46624f
  4. #3d5645
  5. #344a3b
  6. #2c3e32
  7. #233128
  8. #1a251e
  9. #111914
  10. #090c0a
  11. #000000

Açık tonlar

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

  1. #577b63
  2. #688873
  3. #799582
  4. #89a392
  5. #9ab0a1
  6. #abbdb1
  7. #bccac1
  8. #cdd7d0
  9. #dde5e0
  10. #eef2ef
  11. #ffffff

Tonlar

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

  1. #577b63
  2. #5b7c66
  3. #5f7c69
  4. #637d6c
  5. #677d6f
  6. #6c7e72
  7. #707e74
  8. #747f77
  9. #787f7a
  10. #7c807d
  11. #808080

Okunaklı metin 4.75:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.42:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #737373 Erkeklerin ≈ 0.003% kadarı
Akromatomali #69766d Erkeklerin ≈ 0.001% kadarı
Protanopi #7b7562 Erkeklerin ≈ 1.01% kadarı
Döteranopi #757164 Erkeklerin ≈ 1.27% kadarı
Tritanopi #517a74 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6e7862 Erkeklerin ≈ 1.08% kadarı
Döteranomali #6a7564 Erkeklerin ≈ 4.63% kadarı
Tritanomali #537b6e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#40826d Viridian ΔE 5.95 #738678 Xanadu ΔE 8.52 #4f7942 Fern Green ΔE 8.99 #00755e Tropical Rain Forest ΔE 9.94 #317873 Myrtle Green ΔE 10.10 #2e8b57 Sea Green ΔE 10.45 #01796f Pine Green ΔE 11.15 #a8849c Ters renk #737373 Gri tonlama 

Viridian
#577b63  rgb(87, 123, 99)  hsl(140, 17%, 41%)  Viridian
#7b576f  rgb(123, 87, 111)  hsl(320, 17%, 41%)  Twilight Lavender
#63577b  rgb(99, 87, 123)  hsl(260, 17%, 41%)  Old Lavender
#7b6357  rgb(123, 99, 87)  hsl(20, 17%, 41%)  Umber