ColorTool
Giriş yap
#337F0E

#337f0e ≈ Green

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

#337f0e, “yeşil” ailesinden bir renktir; açıklığı düşük, doygunluğu orta. RGB modelinde %20 kırmızı, %49,8 yeşil ve %5,49 maviden oluşur; CMYK baskıda %59,84 camgöbeği, %0 macenta, %88,98 sarı ve %50,2 siyah kullanır. Ton açısı 100,35°, HSL’de doygunluğu %80,14 ve açıklığı %27,65’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,02:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Green (#008000), ΔE 2,92.

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

Tamamlayıcı

  1. #337f0e
  2. #5a0e7f

Bölünmüş tamamlayıcı

  1. #337f0e
  2. #210e7f
  3. #7f0e6c

Komşu

  1. #6c7f0e
  2. #337f0e
  3. #0e7f21

Üçlü

  1. #337f0e
  2. #0e337f
  3. #7f0e33

Dörtlü

  1. #337f0e
  2. #0e7f5a
  3. #5a0e7f
  4. #7f0e33

Kare

  1. #337f0e
  2. #0e6c7f
  3. #5a0e7f
  4. #7f210e

Tek renkli

  1. #071202
  2. #173a06
  3. #337f0e
  4. #4fc416
  5. #75ea3c

Koyu tonlar

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

  1. #337f0e
  2. #2e720d
  3. #29660b
  4. #24590a
  5. #1f4c08
  6. #1a4007
  7. #143306
  8. #0f2604
  9. #0a1903
  10. #050d01
  11. #000000

Açık tonlar

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

  1. #337f0e
  2. #478c26
  3. #5c993e
  4. #70a556
  5. #85b26e
  6. #99bf87
  7. #adcc9f
  8. #c2d9b7
  9. #d6e5cf
  10. #ebf2e7
  11. #ffffff

Tonlar

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

  1. #337f0e
  2. #3b7f19
  3. #427f25
  4. #4a7f30
  5. #527f3c
  6. #5a8047
  7. #618052
  8. #69805e
  9. #718069
  10. #788075
  11. #808080

Okunaklı metin 5.02:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.18:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6f6f6f Erkeklerin ≈ 0.003% kadarı
Akromatomali #5d7658 Erkeklerin ≈ 0.001% kadarı
Protanopi #837300 Erkeklerin ≈ 1.01% kadarı
Döteranopi #7a6d1e Erkeklerin ≈ 1.27% kadarı
Tritanopi #2b7a6b Erkeklerin ≈ 0.0001% kadarı
Protanomali #6c7800 Erkeklerin ≈ 1.08% kadarı
Döteranomali #657419 Erkeklerin ≈ 4.63% kadarı
Tritanomali #2f7c55 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#008000 Green ΔE 2.92 #138808 India Green ΔE 3.73 #507d2a Sap Green ΔE 4.60 #228b22 Forest Green ΔE 4.81 #568203 Avocado ΔE 5.89 #009000 Islamic Green ΔE 6.32 #4f7942 Fern Green ΔE 8.66 #cc80f1 Ters renk #6f6f6f Gri tonlama 

Green
#337f0e  rgb(51, 127, 14)  hsl(100, 80%, 28%)  Green
#5a0e7f  rgb(90, 14, 127)  hsl(280, 80%, 28%)  Indigo
#0e337f  rgb(14, 51, 127)  hsl(220, 80%, 28%)  Smalt
#7f0e33  rgb(127, 14, 51)  hsl(340, 80%, 28%)  Claret