ColorTool
Giriş yap
#57B557

#57b557 ≈ Mantis

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

#57b557, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %34,12 kırmızı, %70,98 yeşil ve %34,12 maviden oluşur; CMYK baskıda %51,93 camgöbeği, %0 macenta, %51,93 sarı ve %29,02 siyah kullanır. Ton açısı 120°, HSL’de doygunluğu %38,84 ve açıklığı %52,55’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 8,15:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Mantis (#74c365), ΔE 4,76.

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

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

Tamamlayıcı

  1. #57b557
  2. #b557b5

Bölünmüş tamamlayıcı

  1. #57b557
  2. #8657b5
  3. #b55786

Komşu

  1. #86b557
  2. #57b557
  3. #57b586

Üçlü

  1. #57b557
  2. #5757b5
  3. #b55757

Dörtlü

  1. #57b557
  2. #57b5b5
  3. #b557b5
  4. #b55757

Kare

  1. #57b557
  2. #5786b5
  3. #b557b5
  4. #b58657

Tek renkli

  1. #235023
  2. #3b853b
  3. #57b557
  4. #8ccc8c
  5. #c1e4c1

Koyu tonlar

#57b557 kademeli olarak siyahla karıştırıldı.

  1. #57b557
  2. #4ea34e
  3. #469146
  4. #3d7f3d
  5. #346d34
  6. #2c5b2c
  7. #234823
  8. #1a361a
  9. #112411
  10. #091209
  11. #000000

Açık tonlar

#57b557 kademeli olarak beyazla karıştırıldı.

  1. #57b557
  2. #68bc68
  3. #79c479
  4. #89cb89
  5. #9ad39a
  6. #abdaab
  7. #bce1bc
  8. #cde9cd
  9. #ddf0dd
  10. #eef8ee
  11. #ffffff

Tonlar

#57b557 kademeli olarak griyle karıştırıldı.

  1. #57b557
  2. #5bb05b
  3. #5faa5f
  4. #63a563
  5. #67a067
  6. #6c9b6c
  7. #709570
  8. #749074
  9. #788b78
  10. #7c857c
  11. #808080

Okunaklı metin 2.58:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a1a1a1 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8aaa8a Erkeklerin ≈ 0.001% kadarı
Protanopi #b8a64f Erkeklerin ≈ 1.01% kadarı
Döteranopi #ac9e5e Erkeklerin ≈ 1.27% kadarı
Tritanopi #49b09f Erkeklerin ≈ 0.0001% kadarı
Protanomali #9bac52 Erkeklerin ≈ 1.08% kadarı
Döteranomali #91a85b Erkeklerin ≈ 4.63% kadarı
Tritanomali #4fb288 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-57b557 {
  color: #57b557;
}
Arka plan
.bg-57b557 {
  background-color: #57b557;
  color: #000000;
}
Kenarlık
.border-57b557 {
  border: 2px solid #57b557;
}
CSS değişkenleri
:root {
  --color-primary: #57b557;
  --color-primary-rgb: 87 181 87;
  --color-primary-hsl: 120 39% 53%;
}
Geçiş
.gradient-57b557 {
  background: linear-gradient(135deg, #57b557, #57b586);
}
Renkli gölge
.shadow-57b557 {
  box-shadow: 0 8px 24px rgb(87 181 87 / 0.35);
}

#74c365 Mantis ΔE 4.76 #3cb371 Medium Sea Green ΔE 6.35 #50c878 Emerald ΔE 6.46 #4cbb17 Kelly Green ΔE 7.18 #32cd32 Lime Green ΔE 8.40 #93c572 Pistachio ΔE 8.50 #87a96b Asparagus ΔE 9.09 #a84aa8 Ters renk #a1a1a1 Gri tonlama 

Mantis
#57b557  rgb(87, 181, 87)  hsl(120, 39%, 53%)  Mantis
#b557b5  rgb(181, 87, 181)  hsl(300, 39%, 53%)  Medium Orchid
#5757b5  rgb(87, 87, 181)  hsl(240, 39%, 53%)  Iris
#b55757  rgb(181, 87, 87)  hsl(0, 39%, 53%)  Redwood