ColorTool
Giriş yap
#558B60

#558b60 ≈ Sea Green

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

#558b60, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %33,33 kırmızı, %54,51 yeşil ve %37,65 maviden oluşur; CMYK baskıda %38,85 camgöbeği, %0 macenta, %30,94 sarı ve %45,49 siyah kullanır. Ton açısı 132,22°, HSL’de doygunluğu %24,11 ve açıklığı %43,92’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 5,09.

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. #558b60
  2. #8b5580

Bölünmüş tamamlayıcı

  1. #558b60
  2. #7b558b
  3. #8b5565

Komşu

  1. #658b55
  2. #558b60
  3. #558b7b

Üçlü

  1. #558b60
  2. #60558b
  3. #8b6055

Dörtlü

  1. #558b60
  2. #55808b
  3. #8b5580
  4. #8b6055

Kare

  1. #558b60
  2. #55658b
  3. #8b5580
  4. #8b7b55

Tek renkli

  1. #1b2c1e
  2. #385c3f
  3. #558b60
  4. #7db087
  5. #accdb3

Koyu tonlar

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

  1. #558b60
  2. #4d7d56
  3. #446f4d
  4. #3c6143
  5. #33533a
  6. #2b4630
  7. #223826
  8. #1a2a1d
  9. #111c13
  10. #090e0a
  11. #000000

Açık tonlar

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

  1. #558b60
  2. #669770
  3. #77a280
  4. #88ae90
  5. #99b9a0
  6. #aac5b0
  7. #bbd1bf
  8. #ccdccf
  9. #dde8df
  10. #eef3ef
  11. #ffffff

Tonlar

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

  1. #558b60
  2. #598a63
  3. #5e8966
  4. #62886a
  5. #66876d
  6. #6b8670
  7. #6f8473
  8. #738376
  9. #77827a
  10. #7c817d
  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 #718474 Erkeklerin ≈ 0.001% kadarı
Protanopi #8c825d Erkeklerin ≈ 1.01% kadarı
Döteranopi #847d62 Erkeklerin ≈ 1.27% kadarı
Tritanopi #4d8980 Erkeklerin ≈ 0.0001% kadarı
Protanomali #7a865e Erkeklerin ≈ 1.08% kadarı
Döteranomali #748361 Erkeklerin ≈ 4.63% kadarı
Tritanomali #508a74 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#2e8b57 Sea Green ΔE 5.09 #4f7942 Fern Green ΔE 7.99 #40826d Viridian ΔE 8.24 #009e60 Shamrock Green ΔE 9.03 #507d2a Sap Green ΔE 11.04 #00a86b Jade ΔE 11.11 #228b22 Forest Green ΔE 11.58 #aa749f Ters renk #7f7f7f Gri tonlama 

Sea Green
#558b60  rgb(85, 139, 96)  hsl(132, 24%, 44%)  Sea Green
#8b5580  rgb(139, 85, 128)  hsl(312, 24%, 44%)  Deep Plum
#60558b  rgb(96, 85, 139)  hsl(252, 24%, 44%)  Royal Purple
#8b6055  rgb(139, 96, 85)  hsl(12, 24%, 44%)  Copper Rose