ColorTool
Giriş yap
#558C5F

#558c5f ≈ Sea Green

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

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

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

Tamamlayıcı

  1. #558c5f
  2. #8c5582

Bölünmüş tamamlayıcı

  1. #558c5f
  2. #7b558c
  3. #8c5567

Komşu

  1. #678c55
  2. #558c5f
  3. #558c7b

Üçlü

  1. #558c5f
  2. #5f558c
  3. #8c5f55

Dörtlü

  1. #558c5f
  2. #55828c
  3. #8c5582
  4. #8c5f55

Kare

  1. #558c5f
  2. #55678c
  3. #8c5582
  4. #8c7b55

Tek renkli

  1. #1b2d1e
  2. #385c3f
  3. #558c5f
  4. #7db087
  5. #adcdb3

Koyu tonlar

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

  1. #558c5f
  2. #4d7e56
  3. #44704c
  4. #3c6243
  5. #335439
  6. #2b4630
  7. #223826
  8. #1a2a1d
  9. #111c13
  10. #090e0a
  11. #000000

Açık tonlar

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

  1. #558c5f
  2. #66986f
  3. #77a37f
  4. #88af8f
  5. #99ba9f
  6. #aac6af
  7. #bbd1bf
  8. #ccddcf
  9. #dde8df
  10. #eef4ef
  11. #ffffff

Tonlar

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

  1. #558c5f
  2. #598b62
  3. #5e8a66
  4. #628869
  5. #66876c
  6. #6b8670
  7. #6f8573
  8. #738476
  9. #778279
  10. #7c817d
  11. #808080

Okunaklı metin 3.96:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.3:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #808080 Erkeklerin ≈ 0.003% kadarı
Akromatomali #718574 Erkeklerin ≈ 0.001% kadarı
Protanopi #8d835c Erkeklerin ≈ 1.01% kadarı
Döteranopi #857e62 Erkeklerin ≈ 1.27% kadarı
Tritanopi #4d8a80 Erkeklerin ≈ 0.0001% kadarı
Protanomali #7a875d Erkeklerin ≈ 1.08% kadarı
Döteranomali #748461 Erkeklerin ≈ 4.63% kadarı
Tritanomali #508b74 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#2e8b57 Sea Green ΔE 4.97 #4f7942 Fern Green ΔE 8.06 #009e60 Shamrock Green ΔE 8.68 #40826d Viridian ΔE 8.76 #00a86b Jade ΔE 10.76 #507d2a Sap Green ΔE 10.83 #228b22 Forest Green ΔE 11.19 #aa73a0 Ters renk #808080 Gri tonlama 

Sea Green
#558c5f  rgb(85, 140, 95)  hsl(131, 24%, 44%)  Sea Green
#8c5582  rgb(140, 85, 130)  hsl(311, 24%, 44%)  Deep Plum
#5f558c  rgb(95, 85, 140)  hsl(251, 24%, 44%)  Royal Purple
#8c5f55  rgb(140, 95, 85)  hsl(11, 24%, 44%)  Copper Rose