ColorTool
Giriş yap
#3FC778

#3fc778 ≈ Emerald

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

#3fc778, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %24,71 kırmızı, %78,04 yeşil ve %47,06 maviden oluşur; CMYK baskıda %68,34 camgöbeği, %0 macenta, %39,7 sarı ve %21,96 siyah kullanır. Ton açısı 145,15°, HSL’de doygunluğu %54,84 ve açıklığı %51,37’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 9,65:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Emerald (#50c878), ΔE 1,3.

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

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

Tamamlayıcı

  1. #3fc778
  2. #c73f8e

Bölünmüş tamamlayıcı

  1. #3fc778
  2. #bc3fc7
  3. #c73f4a

Komşu

  1. #4ac73f
  2. #3fc778
  3. #3fc7bc

Üçlü

  1. #3fc778
  2. #783fc7
  3. #c7783f

Dörtlü

  1. #3fc778
  2. #3f8ec7
  3. #c73f8e
  4. #c7783f

Kare

  1. #3fc778
  2. #3f4ac7
  3. #c73f8e
  4. #c7bc3f

Tek renkli

  1. #195432
  2. #2a9055
  3. #3fc778
  4. #7ad8a2
  5. #b5eacb

Koyu tonlar

#3fc778 kademeli olarak siyahla karıştırıldı.

  1. #3fc778
  2. #39b36c
  3. #329f60
  4. #2c8b54
  5. #267748
  6. #20643c
  7. #195030
  8. #133c24
  9. #0d2818
  10. #06140c
  11. #000000

Açık tonlar

#3fc778 kademeli olarak beyazla karıştırıldı.

  1. #3fc778
  2. #52cd86
  3. #65d293
  4. #79d8a1
  5. #8cddae
  6. #9fe3bc
  7. #b2e9c9
  8. #c5eed7
  9. #d9f4e4
  10. #ecf9f2
  11. #ffffff

Tonlar

#3fc778 kademeli olarak griyle karıştırıldı.

  1. #3fc778
  2. #46c079
  3. #4cb97a
  4. #53b27a
  5. #59ab7b
  6. #60a47c
  7. #669c7d
  8. #6d957e
  9. #738e7e
  10. #7a877f
  11. #808080

Okunaklı metin 2.18:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.65:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b0b0b0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #90b99c Erkeklerin ≈ 0.001% kadarı
Protanopi #c7b773 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b6ab7d Erkeklerin ≈ 1.27% kadarı
Tritanopi #00c5b3 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a2be75 Erkeklerin ≈ 1.08% kadarı
Döteranomali #95b77b Erkeklerin ≈ 4.63% kadarı
Tritanomali #1bc69f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-3fc778 {
  color: #3fc778;
}
Arka plan
.bg-3fc778 {
  background-color: #3fc778;
  color: #000000;
}
Kenarlık
.border-3fc778 {
  border: 2px solid #3fc778;
}
CSS değişkenleri
:root {
  --color-primary: #3fc778;
  --color-primary-rgb: 63 199 120;
  --color-primary-hsl: 145 55% 51%;
}
Geçiş
.gradient-3fc778 {
  background: linear-gradient(135deg, #3fc778, #3fc7bc);
}
Renkli gölge
.shadow-3fc778 {
  box-shadow: 0 8px 24px rgb(63 199 120 / 0.35);
}

#50c878 Emerald ΔE 1.30 #3cb371 Medium Sea Green ΔE 5.55 #74c365 Mantis ΔE 6.84 #00cc99 Caribbean Green ΔE 7.09 #77dd77 Pastel Green ΔE 8.04 #0bda51 Malachite ΔE 8.45 #3eb489 Mint ΔE 8.58 #c03887 Ters renk #b0b0b0 Gri tonlama 

Emerald
#3fc778  rgb(63, 199, 120)  hsl(145, 55%, 51%)  Emerald
#c73f8e  rgb(199, 63, 142)  hsl(325, 55%, 51%)  Mulberry
#783fc7  rgb(120, 63, 199)  hsl(265, 55%, 51%)  Blue Violet
#c7783f  rgb(199, 120, 63)  hsl(25, 55%, 51%)  Copper