ColorTool
Giriş yap
#2ECC80

#2ecc80 ≈ Emerald

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

#2ecc80, “camgöbeği yeşili” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %18,04 kırmızı, %80 yeşil ve %50,2 maviden oluşur; CMYK baskıda %77,45 camgöbeği, %0 macenta, %37,25 sarı ve %20 siyah kullanır. Ton açısı 151,14°, HSL’de doygunluğu %63,2 ve açıklığı %49,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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 10,07:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Emerald (#50c878), ΔE 2,75.

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

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

Tamamlayıcı

  1. #2ecc80
  2. #cc2e7a

Bölünmüş tamamlayıcı

  1. #2ecc80
  2. #cc2ec9
  3. #cc312e

Komşu

  1. #2ecc31
  2. #2ecc80
  3. #2ec9cc

Üçlü

  1. #2ecc80
  2. #802ecc
  3. #cc802e

Dörtlü

  1. #2ecc80
  2. #2e7acc
  3. #cc2e7a
  4. #cc802e

Kare

  1. #2ecc80
  2. #312ecc
  3. #cc2e7a
  4. #c9cc2e

Tek renkli

  1. #124f32
  2. #208e59
  3. #2ecc80
  4. #69dda5
  5. #a8ebcb

Koyu tonlar

#2ecc80 kademeli olarak siyahla karıştırıldı.

  1. #2ecc80
  2. #29b873
  3. #25a366
  4. #208f5a
  5. #1c7a4d
  6. #176640
  7. #125233
  8. #0e3d26
  9. #09291a
  10. #05140d
  11. #000000

Açık tonlar

#2ecc80 kademeli olarak beyazla karıştırıldı.

  1. #2ecc80
  2. #43d18d
  3. #58d699
  4. #6ddba6
  5. #82e0b3
  6. #97e6c0
  7. #abebcc
  8. #c0f0d9
  9. #d5f5e6
  10. #eafaf2
  11. #ffffff

Tonlar

#2ecc80 kademeli olarak griyle karıştırıldı.

  1. #2ecc80
  2. #36c480
  3. #3ebd80
  4. #47b580
  5. #4fae80
  6. #57a680
  7. #5f9e80
  8. #679780
  9. #708f80
  10. #788880
  11. #808080

Okunaklı metin 2.09:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.07:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b3b3b3 Erkeklerin ≈ 0.003% kadarı
Akromatomali #91bea1 Erkeklerin ≈ 0.001% kadarı
Protanopi #cbbb7b Erkeklerin ≈ 1.01% kadarı
Döteranopi #b8ae85 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00cab9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a3c27d Erkeklerin ≈ 1.08% kadarı
Döteranomali #95bb83 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00cba5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-2ecc80 {
  color: #2ecc80;
}
Arka plan
.bg-2ecc80 {
  background-color: #2ecc80;
  color: #000000;
}
Kenarlık
.border-2ecc80 {
  border: 2px solid #2ecc80;
}
CSS değişkenleri
:root {
  --color-primary: #2ecc80;
  --color-primary-rgb: 46 204 128;
  --color-primary-hsl: 151 63% 49%;
}
Geçiş
.gradient-2ecc80 {
  background: linear-gradient(135deg, #2ecc80, #2ec9cc);
}
Renkli gölge
.shadow-2ecc80 {
  box-shadow: 0 8px 24px rgb(46 204 128 / 0.35);
}

#50c878 Emerald ΔE 2.75 #00cc99 Caribbean Green ΔE 5.73 #3cb371 Medium Sea Green ΔE 6.64 #74c365 Mantis ΔE 8.40 #77dd77 Pastel Green ΔE 8.42 #3eb489 Mint ΔE 8.63 #0bda51 Malachite ΔE 8.79 #d1337f Ters renk #b3b3b3 Gri tonlama 

Emerald
#2ecc80  rgb(46, 204, 128)  hsl(151, 63%, 49%)  Emerald
#cc2e7a  rgb(204, 46, 122)  hsl(331, 63%, 49%)  Telemagenta
#802ecc  rgb(128, 46, 204)  hsl(271, 63%, 49%)  Blue Violet
#cc802e  rgb(204, 128, 46)  hsl(31, 63%, 49%)  Bronze