ColorTool
Giriş yap
#5BB312

#5bb312 ≈ Kelly Green

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

#5bb312, “sarı-yeşil” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %35,69 kırmızı, %70,2 yeşil ve %7,06 maviden oluşur; CMYK baskıda %49,16 camgöbeği, %0 macenta, %89,94 sarı ve %29,8 siyah kullanır. Ton açısı 92,8°, HSL’de doygunluğu %81,73 ve açıklığı %38,63’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 7,9:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Kelly Green (#4cbb17), ΔE 2,71.

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

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

Tamamlayıcı

  1. #5bb312
  2. #6a12b3

Bölünmüş tamamlayıcı

  1. #5bb312
  2. #1a12b3
  3. #b312ac

Komşu

  1. #acb312
  2. #5bb312
  3. #12b31a

Üçlü

  1. #5bb312
  2. #125bb3
  3. #b3125b

Dörtlü

  1. #5bb312
  2. #12b36a
  3. #6a12b3
  4. #b3125b

Kare

  1. #5bb312
  2. #12acb3
  3. #6a12b3
  4. #b31a12

Tek renkli

  1. #142804
  2. #386e0b
  3. #5bb312
  4. #80e928
  5. #a9f06e

Koyu tonlar

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

  1. #5bb312
  2. #52a110
  3. #498f0e
  4. #407d0d
  5. #376b0b
  6. #2e5a09
  7. #244807
  8. #1b3605
  9. #122404
  10. #091202
  11. #000000

Açık tonlar

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

  1. #5bb312
  2. #6bbb2a
  3. #7cc241
  4. #8cca59
  5. #9dd171
  6. #add989
  7. #bde1a0
  8. #cee8b8
  9. #def0d0
  10. #eff7e7
  11. #ffffff

Tonlar

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

  1. #5bb312
  2. #5fae1d
  3. #62a928
  4. #66a433
  5. #6a9f3e
  6. #6e9a49
  7. #719454
  8. #758f5f
  9. #798a6a
  10. #7c8575
  11. #808080

Okunaklı metin 2.66:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.9:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9f9f9f Erkeklerin ≈ 0.003% kadarı
Akromatomali #89a77e Erkeklerin ≈ 0.001% kadarı
Protanopi #baa300 Erkeklerin ≈ 1.01% kadarı
Döteranopi #ae9c2b Erkeklerin ≈ 1.27% kadarı
Tritanopi #57ac98 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9daa00 Erkeklerin ≈ 1.08% kadarı
Döteranomali #94a623 Erkeklerin ≈ 4.63% kadarı
Tritanomali #59af79 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5bb312 {
  color: #5bb312;
}
Arka plan
.bg-5bb312 {
  background-color: #5bb312;
  color: #000000;
}
Kenarlık
.border-5bb312 {
  border: 2px solid #5bb312;
}
CSS değişkenleri
:root {
  --color-primary: #5bb312;
  --color-primary-rgb: 91 179 18;
  --color-primary-hsl: 93 82% 39%;
}
Geçiş
.gradient-5bb312 {
  background: linear-gradient(135deg, #5bb312, #12b31a);
}
Renkli gölge
.shadow-5bb312 {
  box-shadow: 0 8px 24px rgb(91 179 18 / 0.35);
}

#4cbb17 Kelly Green ΔE 2.71 #32cd32 Lime Green ΔE 7.82 #8db600 Apple Green ΔE 7.89 #74c365 Mantis ΔE 8.78 #9acd32 Yellow Green ΔE 10.00 #93c572 Pistachio ΔE 11.08 #0bda51 Malachite ΔE 11.81 #a44ced Ters renk #9f9f9f Gri tonlama 

Kelly Green
#5bb312  rgb(91, 179, 18)  hsl(93, 82%, 39%)  Kelly Green
#6a12b3  rgb(106, 18, 179)  hsl(273, 82%, 39%)  Rebecca Purple
#125bb3  rgb(18, 91, 179)  hsl(213, 82%, 39%)  Denim
#b3125b  rgb(179, 18, 91)  hsl(333, 82%, 39%)  Jazzberry Jam