ColorTool
Giriş yap
#ADE980

#ade980 ≈ Inchworm

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

#ade980, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %67,84 kırmızı, %91,37 yeşil ve %50,2 maviden oluşur; CMYK baskıda %25,75 camgöbeği, %0 macenta, %45,06 sarı ve %8,63 siyah kullanır. Ton açısı 94,29°, HSL’de doygunluğu %70,47 ve açıklığı %70,78’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla tazelik, büyüme ve canlılık 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 14,74:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Inchworm (#b2ec5d), ΔE 5,19.

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

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

Tamamlayıcı

  1. #ade980
  2. #bc80e9

Bölünmüş tamamlayıcı

  1. #ade980
  2. #8780e9
  3. #e980e1

Komşu

  1. #e1e980
  2. #ade980
  3. #80e987

Üçlü

  1. #ade980
  2. #80ade9
  3. #e980ad

Dörtlü

  1. #ade980
  2. #80e9bc
  3. #bc80e9
  4. #e980ad

Kare

  1. #ade980
  2. #80e1e9
  3. #bc80e9
  4. #e98780

Tek renkli

  1. #5eb11f
  2. #83de3f
  3. #ade980
  4. #d7f4c1
  5. #f4fcee

Koyu tonlar

#ade980 kademeli olarak siyahla karıştırıldı.

  1. #ade980
  2. #9cd273
  3. #8aba66
  4. #79a35a
  5. #688c4d
  6. #577540
  7. #455d33
  8. #344626
  9. #232f1a
  10. #11170d
  11. #000000

Açık tonlar

#ade980 kademeli olarak beyazla karıştırıldı.

  1. #ade980
  2. #b5eb8d
  3. #bded99
  4. #c6f0a6
  5. #cef2b3
  6. #d6f4c0
  7. #def6cc
  8. #e6f8d9
  9. #effbe6
  10. #f7fdf2
  11. #ffffff

Tonlar

#ade980 kademeli olarak griyle karıştırıldı.

  1. #ade980
  2. #a9df80
  3. #a4d480
  4. #a0ca80
  5. #9bbf80
  6. #97b580
  7. #92aa80
  8. #8ea080
  9. #899580
  10. #858b80
  11. #808080

Okunaklı metin 1.42:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.74:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d8d8d8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #c8dfbb Erkeklerin ≈ 0.001% kadarı
Protanopi #f1db78 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e8d686 Erkeklerin ≈ 1.27% kadarı
Tritanopi #aee2d0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d9e17b Erkeklerin ≈ 1.08% kadarı
Döteranomali #d3de84 Erkeklerin ≈ 4.63% kadarı
Tritanomali #aee5b5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ade980 {
  color: #ade980;
}
Arka plan
.bg-ade980 {
  background-color: #ade980;
  color: #000000;
}
Kenarlık
.border-ade980 {
  border: 2px solid #ade980;
}
CSS değişkenleri
:root {
  --color-primary: #ade980;
  --color-primary-rgb: 173 233 128;
  --color-primary-hsl: 94 70% 71%;
}
Geçiş
.gradient-ade980 {
  background: linear-gradient(135deg, #ade980, #80e987);
}
Renkli gölge
.shadow-ade980 {
  box-shadow: 0 8px 24px rgb(173 233 128 / 0.35);
}

#b2ec5d Inchworm ΔE 5.19 #90ee90 Light Green ΔE 5.64 #98fb98 Pale Green ΔE 6.41 #a8e4a0 Granny Smith Apple ΔE 6.64 #98ff98 Mint Green ΔE 6.85 #77dd77 Pastel Green ΔE 7.05 #bdda57 June Bud ΔE 8.13 #52167f Ters renk #d8d8d8 Gri tonlama 

Inchworm
#ade980  rgb(173, 233, 128)  hsl(94, 70%, 71%)  Inchworm
#bc80e9  rgb(188, 128, 233)  hsl(274, 70%, 71%)  Floral Lavender
#80ade9  rgb(128, 173, 233)  hsl(214, 70%, 71%)  Iceberg
#e980ad  rgb(233, 128, 173)  hsl(334, 70%, 71%)  Persian Pink