ColorTool
Giriş yap
#02CC7D

#02cc7d ≈ Emerald

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

#02cc7d, “camgöbeği yeşili” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %0,78 kırmızı, %80 yeşil ve %49,02 maviden oluşur; CMYK baskıda %99,02 camgöbeği, %0 macenta, %38,73 sarı ve %20 siyah kullanır. Ton açısı 156,53°, HSL’de doygunluğu %98,06 ve açıklığı %40,39’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,94:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Emerald (#50c878), ΔE 3,41.

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

Tamamlayıcı

  1. #02cc7d
  2. #cc0251

Bölünmüş tamamlayıcı

  1. #02cc7d
  2. #cc02b6
  3. #cc1802

Komşu

  1. #02cc18
  2. #02cc7d
  3. #02b6cc

Üçlü

  1. #02cc7d
  2. #7d02cc
  3. #cc7d02

Dörtlü

  1. #02cc7d
  2. #0251cc
  3. #cc0251
  4. #cc7d02

Kare

  1. #02cc7d
  2. #1802cc
  3. #cc0251
  4. #b6cc02

Tek renkli

  1. #013420
  2. #01804f
  3. #02cc7d
  4. #1efda6
  5. #69fec4

Koyu tonlar

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

  1. #02cc7d
  2. #02b871
  3. #02a364
  4. #018f58
  5. #017a4b
  6. #01663f
  7. #015232
  8. #013d26
  9. #002919
  10. #00140d
  11. #000000

Açık tonlar

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

  1. #02cc7d
  2. #1bd18a
  3. #35d697
  4. #4edba4
  5. #67e0b1
  6. #81e6be
  7. #9aebcb
  8. #b3f0d8
  9. #ccf5e5
  10. #e6faf2
  11. #ffffff

Tonlar

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

  1. #02cc7d
  2. #0fc47d
  3. #1bbd7e
  4. #28b57e
  5. #34ae7e
  6. #41a67f
  7. #4e9e7f
  8. #5a977f
  9. #678f7f
  10. #738880
  11. #808080

Okunaklı metin 2.11:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.94:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b2b2b2 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8dbda0 Erkeklerin ≈ 0.001% kadarı
Protanopi #cabb78 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b7ad82 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00cab8 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a1c27a Erkeklerin ≈ 1.08% kadarı
Döteranomali #91ba80 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00cba4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#50c878 Emerald ΔE 3.41 #00cc99 Caribbean Green ΔE 5.91 #3cb371 Medium Sea Green ΔE 6.79 #0bda51 Malachite ΔE 8.58 #77dd77 Pastel Green ΔE 8.91 #74c365 Mantis ΔE 8.93 #3eb489 Mint ΔE 8.93 #fd3382 Ters renk #b2b2b2 Gri tonlama 

Emerald
#02cc7d  rgb(2, 204, 125)  hsl(157, 98%, 40%)  Emerald
#cc0251  rgb(204, 2, 81)  hsl(337, 98%, 40%)  Ruby
#7d02cc  rgb(125, 2, 204)  hsl(277, 98%, 40%)  Dark Violet
#cc7d02  rgb(204, 125, 2)  hsl(37, 98%, 40%)  Bronze