ColorTool
Giriş yap
#558C4E

#558c4e ≈ Sea Green

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

#558c4e, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %33,33 kırmızı, %54,9 yeşil ve %30,59 maviden oluşur; CMYK baskıda %39,29 camgöbeği, %0 macenta, %44,29 sarı ve %45,1 siyah kullanır. Ton açısı 113,23°, HSL’de doygunluğu %28,44 ve açıklığı %42,75’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 5,25:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Sea Green (#2e8b57), ΔE 6,1.

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

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

Tamamlayıcı

  1. #558c4e
  2. #854e8c

Bölünmüş tamamlayıcı

  1. #558c4e
  2. #664e8c
  3. #8c4e74

Komşu

  1. #748c4e
  2. #558c4e
  3. #4e8c66

Üçlü

  1. #558c4e
  2. #4e558c
  3. #8c4e55

Dörtlü

  1. #558c4e
  2. #4e8c85
  3. #854e8c
  4. #8c4e55

Kare

  1. #558c4e
  2. #4e748c
  3. #854e8c
  4. #8c664e

Tek renkli

  1. #192a17
  2. #375b33
  3. #558c4e
  4. #7cb275
  5. #aacda6

Koyu tonlar

#558c4e kademeli olarak siyahla karıştırıldı.

  1. #558c4e
  2. #4d7e46
  3. #44703e
  4. #3c6237
  5. #33542f
  6. #2b4627
  7. #22381f
  8. #1a2a17
  9. #111c10
  10. #090e08
  11. #000000

Açık tonlar

#558c4e kademeli olarak beyazla karıştırıldı.

  1. #558c4e
  2. #669860
  3. #77a371
  4. #88af83
  5. #99ba95
  6. #aac6a7
  7. #bbd1b8
  8. #ccddca
  9. #dde8dc
  10. #eef4ed
  11. #ffffff

Tonlar

#558c4e kademeli olarak griyle karıştırıldı.

  1. #558c4e
  2. #598b53
  3. #5e8a58
  4. #62885d
  5. #668762
  6. #6b8667
  7. #6f856c
  8. #738471
  9. #778276
  10. #7c817b
  11. #808080

Okunaklı metin 4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.25:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7f7f7f Erkeklerin ≈ 0.003% kadarı
Akromatomali #71846f Erkeklerin ≈ 0.001% kadarı
Protanopi #8f8249 Erkeklerin ≈ 1.01% kadarı
Döteranopi #877d52 Erkeklerin ≈ 1.27% kadarı
Tritanopi #50897d Erkeklerin ≈ 0.0001% kadarı
Protanomali #7c864b Erkeklerin ≈ 1.08% kadarı
Döteranomali #768350 Erkeklerin ≈ 4.63% kadarı
Tritanomali #528a6d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-558c4e {
  color: #558c4e;
}
Arka plan
.bg-558c4e {
  background-color: #558c4e;
  color: #000000;
}
Kenarlık
.border-558c4e {
  border: 2px solid #558c4e;
}
CSS değişkenleri
:root {
  --color-primary: #558c4e;
  --color-primary-rgb: 85 140 78;
  --color-primary-hsl: 113 28% 43%;
}
Geçiş
.gradient-558c4e {
  background: linear-gradient(135deg, #558c4e, #4e8c66);
}
Renkli gölge
.shadow-558c4e {
  box-shadow: 0 8px 24px rgb(85 140 78 / 0.35);
}

#2e8b57 Sea Green ΔE 6.10 #4f7942 Fern Green ΔE 6.96 #507d2a Sap Green ΔE 7.58 #228b22 Forest Green ΔE 7.84 #009e60 Shamrock Green ΔE 9.12 #138808 India Green ΔE 9.71 #6b8e23 Olive Drab ΔE 9.73 #aa73b1 Ters renk #7f7f7f Gri tonlama 

Sea Green
#558c4e  rgb(85, 140, 78)  hsl(113, 28%, 43%)  Sea Green
#854e8c  rgb(133, 78, 140)  hsl(293, 28%, 43%)  Deep Plum
#4e558c  rgb(78, 85, 140)  hsl(233, 28%, 43%)  Dark Slate Blue
#8c4e55  rgb(140, 78, 85)  hsl(353, 28%, 43%)  Tuscan Red