ColorTool
Giriş yap
#337E12

#337e12 ≈ Green

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

#337e12, “yeşil” ailesinden bir renktir; açıklığı düşük, doygunluğu orta. RGB modelinde %20 kırmızı, %49,41 yeşil ve %7,06 maviden oluşur; CMYK baskıda %59,52 camgöbeği, %0 macenta, %85,71 sarı ve %50,59 siyah kullanır. Ton açısı 101,67°, HSL’de doygunluğu %75 ve açıklığı %28,24’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 lüks markalar için kullanır. Bu renk üzerinde beyaz metin 5,08:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Green (#008000), ΔE 2,96.

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

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

Tamamlayıcı

  1. #337e12
  2. #5d127e

Bölünmüş tamamlayıcı

  1. #337e12
  2. #27127e
  3. #7e1269

Komşu

  1. #697e12
  2. #337e12
  3. #127e27

Üçlü

  1. #337e12
  2. #12337e
  3. #7e1233

Dörtlü

  1. #337e12
  2. #127e5d
  3. #5d127e
  4. #7e1233

Kare

  1. #337e12
  2. #12697e
  3. #5d127e
  4. #7e2712

Tek renkli

  1. #071203
  2. #183b08
  3. #337e12
  4. #4ec11c
  5. #75e445

Koyu tonlar

#337e12 kademeli olarak siyahla karıştırıldı.

  1. #337e12
  2. #2e7110
  3. #29650e
  4. #24580d
  5. #1f4c0b
  6. #1a3f09
  7. #143207
  8. #0f2605
  9. #0a1904
  10. #050d02
  11. #000000

Açık tonlar

#337e12 kademeli olarak beyazla karıştırıldı.

  1. #337e12
  2. #478b2a
  3. #5c9841
  4. #70a559
  5. #85b271
  6. #99bf89
  7. #adcba0
  8. #c2d8b8
  9. #d6e5d0
  10. #ebf2e7
  11. #ffffff

Tonlar

#337e12 kademeli olarak griyle karıştırıldı.

  1. #337e12
  2. #3b7e1d
  3. #427e28
  4. #4a7f33
  5. #527f3e
  6. #5a7f49
  7. #617f54
  8. #697f5f
  9. #71806a
  10. #788075
  11. #808080

Okunaklı metin 5.08:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.13:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6e6e6e Erkeklerin ≈ 0.003% kadarı
Akromatomali #5c7557 Erkeklerin ≈ 0.001% kadarı
Protanopi #827200 Erkeklerin ≈ 1.01% kadarı
Döteranopi #796c20 Erkeklerin ≈ 1.27% kadarı
Tritanopi #2b796b Erkeklerin ≈ 0.0001% kadarı
Protanomali #6b7700 Erkeklerin ≈ 1.08% kadarı
Döteranomali #64741b Erkeklerin ≈ 4.63% kadarı
Tritanomali #2f7b55 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-337e12 {
  color: #337e12;
}
Arka plan
.bg-337e12 {
  background-color: #337e12;
  color: #ffffff;
}
Kenarlık
.border-337e12 {
  border: 2px solid #337e12;
}
CSS değişkenleri
:root {
  --color-primary: #337e12;
  --color-primary-rgb: 51 126 18;
  --color-primary-hsl: 102 75% 28%;
}
Geçiş
.gradient-337e12 {
  background: linear-gradient(135deg, #337e12, #127e27);
}
Renkli gölge
.shadow-337e12 {
  box-shadow: 0 8px 24px rgb(51 126 18 / 0.35);
}

#008000 Green ΔE 2.96 #138808 India Green ΔE 4.03 #507d2a Sap Green ΔE 4.44 #228b22 Forest Green ΔE 4.99 #568203 Avocado ΔE 6.16 #009000 Islamic Green ΔE 6.69 #4f7942 Fern Green ΔE 8.29 #cc81ed Ters renk #6e6e6e Gri tonlama 

Green
#337e12  rgb(51, 126, 18)  hsl(102, 75%, 28%)  Green
#5d127e  rgb(93, 18, 126)  hsl(282, 75%, 28%)  Indigo
#12337e  rgb(18, 51, 126)  hsl(222, 75%, 28%)  Smalt
#7e1233  rgb(126, 18, 51)  hsl(342, 75%, 28%)  Claret