ColorTool
Giriş yap
#C3FF87

#c3ff87 ≈ Inchworm

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

#c3ff87, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %76,47 kırmızı, %100 yeşil ve %52,94 maviden oluşur; CMYK baskıda %23,53 camgöbeği, %0 macenta, %47,06 sarı ve %0 siyah kullanır. Ton açısı 90°, HSL’de doygunluğu %100 ve açıklığı %76,47’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 17,97:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Inchworm (#b2ec5d), ΔE 5,26.

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

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

Tamamlayıcı

  1. #c3ff87
  2. #c387ff

Bölünmüş tamamlayıcı

  1. #c3ff87
  2. #8787ff
  3. #ff87ff

Komşu

  1. #ffff87
  2. #c3ff87
  3. #87ff87

Üçlü

  1. #c3ff87
  2. #87c3ff
  3. #ff87c3

Dörtlü

  1. #c3ff87
  2. #87ffc3
  3. #c387ff
  4. #ff87c3

Kare

  1. #c3ff87
  2. #87ffff
  3. #c387ff
  4. #ff8787

Tek renkli

  1. #76ed00
  2. #9dff3a
  3. #c3ff87
  4. #e9ffd3
  5. #f5ffeb

Koyu tonlar

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

  1. #c3ff87
  2. #b0e67a
  3. #9ccc6c
  4. #89b35f
  5. #759951
  6. #628044
  7. #4e6636
  8. #3b4d29
  9. #27331b
  10. #141a0e
  11. #000000

Açık tonlar

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

  1. #c3ff87
  2. #c9ff93
  3. #cfff9f
  4. #d5ffab
  5. #dbffb7
  6. #e1ffc3
  7. #e7ffcf
  8. #edffdb
  9. #f3ffe7
  10. #f9fff3
  11. #ffffff

Tonlar

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

  1. #c3ff87
  2. #bcf286
  3. #b6e686
  4. #afd985
  5. #a8cc84
  6. #a2c084
  7. #9bb383
  8. #94a682
  9. #8d9981
  10. #878d81
  11. #808080

Okunaklı metin 1.17:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.97:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #ededed Erkeklerin ≈ 0.003% kadarı
Akromatomali #def5cc Erkeklerin ≈ 0.001% kadarı
Protanopi #fff07d Erkeklerin ≈ 1.01% kadarı
Döteranopi #ffec8e Erkeklerin ≈ 1.27% kadarı
Tritanopi #c6f6e3 Erkeklerin ≈ 0.0001% kadarı
Protanomali #f0f681 Erkeklerin ≈ 1.08% kadarı
Döteranomali #eaf48b Erkeklerin ≈ 4.63% kadarı
Tritanomali #c5fac5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-c3ff87 {
  color: #c3ff87;
}
Arka plan
.bg-c3ff87 {
  background-color: #c3ff87;
  color: #000000;
}
Kenarlık
.border-c3ff87 {
  border: 2px solid #c3ff87;
}
CSS değişkenleri
:root {
  --color-primary: #c3ff87;
  --color-primary-rgb: 195 255 135;
  --color-primary-hsl: 90 100% 76%;
}
Geçiş
.gradient-c3ff87 {
  background: linear-gradient(135deg, #c3ff87, #87ff87);
}
Renkli gölge
.shadow-c3ff87 {
  box-shadow: 0 8px 24px rgb(195 255 135 / 0.35);
}

#b2ec5d Inchworm ΔE 5.26 #98ff98 Mint Green ΔE 7.18 #98fb98 Pale Green ΔE 7.34 #adff2f Green Yellow ΔE 7.69 #90ee90 Light Green ΔE 8.45 #a7fc00 Spring Bud ΔE 8.87 #bdda57 June Bud ΔE 9.53 #3c0078 Ters renk #ededed Gri tonlama 

Inchworm
#c3ff87  rgb(195, 255, 135)  hsl(90, 100%, 76%)  Inchworm
#c387ff  rgb(195, 135, 255)  hsl(270, 100%, 76%)  Floral Lavender
#87c3ff  rgb(135, 195, 255)  hsl(210, 100%, 76%)  Maya Blue
#ff87c3  rgb(255, 135, 195)  hsl(330, 100%, 76%)  Persian Pink