ColorTool
Giriş yap
#CAF23F

#caf23f ≈ Electric Lime

  • sarı-yeşil
  • Açıklık: orta
  • Doygunluk: güçlü
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#caf23f, “sarı-yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %79,22 kırmızı, %94,9 yeşil ve %24,71 maviden oluşur; CMYK baskıda %16,53 camgöbeği, %0 macenta, %73,97 sarı ve %5,1 siyah kullanır. Ton açısı 73,41°, HSL’de doygunluğu %87,32 ve açıklığı %59,8’dir. Sıcak bir renktir 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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 16,28:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Electric Lime (#ccff00), ΔE 3,71.

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

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

Tamamlayıcı

  1. #caf23f
  2. #673ff2

Bölünmüş tamamlayıcı

  1. #caf23f
  2. #3f70f2
  3. #c13ff2

Komşu

  1. #f2c13f
  2. #caf23f
  3. #70f23f

Üçlü

  1. #caf23f
  2. #3fcaf2
  3. #f23fca

Dörtlü

  1. #caf23f
  2. #3ff267
  3. #673ff2
  4. #f23fca

Kare

  1. #caf23f
  2. #3ff2c1
  3. #673ff2
  4. #f23f70

Tek renkli

  1. #718e0a
  2. #a9d60e
  3. #caf23f
  4. #def787
  5. #f2fcce

Koyu tonlar

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

  1. #caf23f
  2. #b6da39
  3. #a2c232
  4. #8da92c
  5. #799126
  6. #657920
  7. #516119
  8. #3d4913
  9. #28300d
  10. #141806
  11. #000000

Açık tonlar

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

  1. #caf23f
  2. #cff352
  3. #d5f565
  4. #daf679
  5. #dff78c
  6. #e5f99f
  7. #eafab2
  8. #effbc5
  9. #f4fcd9
  10. #fafeec
  11. #ffffff

Tonlar

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

  1. #caf23f
  2. #c3e746
  3. #bbdb4c
  4. #b4d053
  5. #acc459
  6. #a5b960
  7. #9eae66
  8. #96a26d
  9. #8f9773
  10. #878b7a
  11. #808080

Okunaklı metin 1.29:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 16.28:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e2e2e2 Erkeklerin ≈ 0.003% kadarı
Akromatomali #d9e9b8 Erkeklerin ≈ 0.001% kadarı
Protanopi #ffe315 Erkeklerin ≈ 1.01% kadarı
Döteranopi #fce350 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d5e6d0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #ede92b Erkeklerin ≈ 1.08% kadarı
Döteranomali #e9e949 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d1eba9 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-caf23f {
  color: #caf23f;
}
Arka plan
.bg-caf23f {
  background-color: #caf23f;
  color: #000000;
}
Kenarlık
.border-caf23f {
  border: 2px solid #caf23f;
}
CSS değişkenleri
:root {
  --color-primary: #caf23f;
  --color-primary-rgb: 202 242 63;
  --color-primary-hsl: 73 87% 60%;
}
Geçiş
.gradient-caf23f {
  background: linear-gradient(135deg, #caf23f, #70f23f);
}
Renkli gölge
.shadow-caf23f {
  box-shadow: 0 8px 24px rgb(202 242 63 / 0.35);
}

#ccff00 Electric Lime ΔE 3.71 #dfff00 Chartreuse Yellow ΔE 4.98 #d1e231 Pear ΔE 5.02 #e3ff00 Lemon Lime ΔE 5.48 #b2ec5d Inchworm ΔE 5.69 #adff2f Green Yellow ΔE 5.74 #a7fc00 Spring Bud ΔE 5.81 #350dc0 Ters renk #e2e2e2 Gri tonlama 

Electric Lime
#caf23f  rgb(202, 242, 63)  hsl(73, 87%, 60%)  Electric Lime
#673ff2  rgb(103, 63, 242)  hsl(253, 87%, 60%)  Majorelle Blue
#3fcaf2  rgb(63, 202, 242)  hsl(193, 87%, 60%)  Sky Blue
#f23fca  rgb(242, 63, 202)  hsl(313, 87%, 60%)  Shocking Pink