ColorTool
Giriş yap
#02C577

#02c577 ≈ Emerald

  • camgöbeği yeşili
  • Açıklık: düşük
  • Doygunluk: canlı
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#02c577, “camgöbeği yeşili” ailesinden bir renktir; açıklığı düşük, doygunluğu canlı. RGB modelinde %0,78 kırmızı, %77,25 yeşil ve %46,67 maviden oluşur; CMYK baskıda %98,98 camgöbeği, %0 macenta, %39,59 sarı ve %22,75 siyah kullanır. Ton açısı 156°, HSL’de doygunluğu %97,99 ve açıklığı %39,02’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla berraklık, sakinlik ve yenilenme ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 9,26:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Emerald (#50c878), ΔE 3,43.

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

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

Tamamlayıcı

  1. #02c577
  2. #c50250

Bölünmüş tamamlayıcı

  1. #02c577
  2. #c502b2
  3. #c51602

Komşu

  1. #02c516
  2. #02c577
  3. #02b2c5

Üçlü

  1. #02c577
  2. #7702c5
  3. #c57702

Dörtlü

  1. #02c577
  2. #0250c5
  3. #c50250
  4. #c57702

Kare

  1. #02c577
  2. #1602c5
  3. #c50250
  4. #b2c502

Tek renkli

  1. #002e1c
  2. #017949
  3. #02c577
  4. #17fda1
  5. #63fdbf

Koyu tonlar

#02c577 kademeli olarak siyahla karıştırıldı.

  1. #02c577
  2. #02b16b
  3. #029e5f
  4. #018a53
  5. #017647
  6. #01633c
  7. #014f30
  8. #013b24
  9. #002718
  10. #00140c
  11. #000000

Açık tonlar

#02c577 kademeli olarak beyazla karıştırıldı.

  1. #02c577
  2. #1bcb85
  3. #35d192
  4. #4ed6a0
  5. #67dcad
  6. #81e2bb
  7. #9ae8c9
  8. #b3eed6
  9. #ccf3e4
  10. #e6f9f1
  11. #ffffff

Tonlar

#02c577 kademeli olarak griyle karıştırıldı.

  1. #02c577
  2. #0fbe78
  3. #1bb779
  4. #28b07a
  5. #34a97b
  6. #41a37c
  7. #4e9c7c
  8. #5a957d
  9. #678e7e
  10. #73877f
  11. #808080

Okunaklı metin 2.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.26:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #acacac Erkeklerin ≈ 0.003% kadarı
Akromatomali #88b79a Erkeklerin ≈ 0.001% kadarı
Protanopi #c4b472 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b1a77c Erkeklerin ≈ 1.27% kadarı
Tritanopi #00c3b1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9cbb74 Erkeklerin ≈ 1.08% kadarı
Döteranomali #8cb47a Erkeklerin ≈ 4.63% kadarı
Tritanomali #00c49d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-02c577 {
  color: #02c577;
}
Arka plan
.bg-02c577 {
  background-color: #02c577;
  color: #000000;
}
Kenarlık
.border-02c577 {
  border: 2px solid #02c577;
}
CSS değişkenleri
:root {
  --color-primary: #02c577;
  --color-primary-rgb: 2 197 119;
  --color-primary-hsl: 156 98% 39%;
}
Geçiş
.gradient-02c577 {
  background: linear-gradient(135deg, #02c577, #02b2c5);
}
Renkli gölge
.shadow-02c577 {
  box-shadow: 0 8px 24px rgb(2 197 119 / 0.35);
}

#50c878 Emerald ΔE 3.43 #3cb371 Medium Sea Green ΔE 5.16 #00cc99 Caribbean Green ΔE 6.35 #3eb489 Mint ΔE 7.96 #00a86b Jade ΔE 8.29 #74c365 Mantis ΔE 8.68 #0bda51 Malachite ΔE 9.28 #fd3a88 Ters renk #acacac Gri tonlama 

Emerald
#02c577  rgb(2, 197, 119)  hsl(156, 98%, 39%)  Emerald
#c50250  rgb(197, 2, 80)  hsl(336, 98%, 39%)  Dogwood Rose
#7702c5  rgb(119, 2, 197)  hsl(276, 98%, 39%)  Dark Violet
#c57702  rgb(197, 119, 2)  hsl(36, 98%, 39%)  Ochre