ColorTool
Giriş yap
#5BF150

#5bf150 ≈ Neon Green

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

#5bf150, “yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %35,69 kırmızı, %94,51 yeşil ve %31,37 maviden oluşur; CMYK baskıda %62,24 camgöbeği, %0 macenta, %66,8 sarı ve %5,49 siyah kullanır. Ton açısı 115,9°, HSL’de doygunluğu %85,19 ve açıklığı %62,94’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla doğa, sağlık ve denge 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 14,14:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Neon Green (#39ff14), ΔE 4,66.

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

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

Tamamlayıcı

  1. #5bf150
  2. #e650f1

Bölünmüş tamamlayıcı

  1. #5bf150
  2. #9550f1
  3. #f150ab

Komşu

  1. #abf150
  2. #5bf150
  3. #50f195

Üçlü

  1. #5bf150
  2. #505bf1
  3. #f1505b

Dörtlü

  1. #5bf150
  2. #50f1e6
  3. #e650f1
  4. #f1505b

Kare

  1. #5bf150
  2. #50abf1
  3. #e650f1
  4. #f19550

Tek renkli

  1. #169c0c
  2. #20e212
  3. #5bf150
  4. #9df797
  5. #e0fcde

Koyu tonlar

#5bf150 kademeli olarak siyahla karıştırıldı.

  1. #5bf150
  2. #52d948
  3. #49c140
  4. #40a938
  5. #379130
  6. #2e7928
  7. #246020
  8. #1b4818
  9. #123010
  10. #091808
  11. #000000

Açık tonlar

#5bf150 kademeli olarak beyazla karıştırıldı.

  1. #5bf150
  2. #6bf262
  3. #7cf473
  4. #8cf585
  5. #9df796
  6. #adf8a8
  7. #bdf9b9
  8. #cefbcb
  9. #defcdc
  10. #effeee
  11. #ffffff

Tonlar

#5bf150 kademeli olarak griyle karıştırıldı.

  1. #5bf150
  2. #5fe655
  3. #62da5a
  4. #66cf5e
  5. #6ac463
  6. #6eb968
  7. #71ad6d
  8. #75a272
  9. #799776
  10. #7c8b7b
  11. #808080

Okunaklı metin 1.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.14:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d4d4d4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b0e0af Erkeklerin ≈ 0.001% kadarı
Protanopi #f6db3a Erkeklerin ≈ 1.01% kadarı
Döteranopi #e4cf5f Erkeklerin ≈ 1.27% kadarı
Tritanopi #3fead0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #cbe444 Erkeklerin ≈ 1.08% kadarı
Döteranomali #bddd59 Erkeklerin ≈ 4.63% kadarı
Tritanomali #4cedac Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5bf150 {
  color: #5bf150;
}
Arka plan
.bg-5bf150 {
  background-color: #5bf150;
  color: #000000;
}
Kenarlık
.border-5bf150 {
  border: 2px solid #5bf150;
}
CSS değişkenleri
:root {
  --color-primary: #5bf150;
  --color-primary-rgb: 91 241 80;
  --color-primary-hsl: 116 85% 63%;
}
Geçiş
.gradient-5bf150 {
  background: linear-gradient(135deg, #5bf150, #50f195);
}
Renkli gölge
.shadow-5bf150 {
  box-shadow: 0 8px 24px rgb(91 241 80 / 0.35);
}

#39ff14 Neon Green ΔE 4.66 #00ff00 Lime ΔE 4.93 #3fff00 Harlequin ΔE 4.96 #7cfc00 Lawn Green ΔE 6.36 #0bda51 Malachite ΔE 6.58 #00ff7f Spring Green ΔE 6.63 #7fff00 Chartreuse ΔE 6.78 #a40eaf Ters renk #d4d4d4 Gri tonlama 

Neon Green
#5bf150  rgb(91, 241, 80)  hsl(116, 85%, 63%)  Neon Green
#e650f1  rgb(230, 80, 241)  hsl(296, 85%, 63%)  Fuchsia
#505bf1  rgb(80, 91, 241)  hsl(236, 85%, 63%)  Ultramarine Blue
#f1505b  rgb(241, 80, 91)  hsl(356, 85%, 63%)  Neon Fuchsia