ColorTool
Giriş yap
#B4FFBB

#b4ffbb ≈ Pale Green

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

#b4ffbb, “yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu orta. RGB modelinde %70,59 kırmızı, %100 yeşil ve %73,33 maviden oluşur; CMYK baskıda %29,41 camgöbeği, %0 macenta, %26,67 sarı ve %0 siyah kullanır. Ton açısı 125,6°, HSL’de doygunluğu %100 ve açıklığı %85,29’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 17,96:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pale Green (#98fb98), ΔE 5,77.

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

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

Tamamlayıcı

  1. #b4ffbb
  2. #ffb4f8

Bölünmüş tamamlayıcı

  1. #b4ffbb
  2. #e0b4ff
  3. #ffb4d2

Komşu

  1. #d2ffb4
  2. #b4ffbb
  3. #b4ffe0

Üçlü

  1. #b4ffbb
  2. #bbb4ff
  3. #ffbbb4

Dörtlü

  1. #b4ffbb
  2. #b4f8ff
  3. #ffb4f8
  4. #ffbbb4

Kare

  1. #b4ffbb
  2. #b4d2ff
  3. #ffb4f8
  4. #ffe0b4

Tek renkli

  1. #1bff30
  2. #67ff76
  3. #b4ffbb
  4. #ebffed
  5. #ebffed

Koyu tonlar

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

  1. #b4ffbb
  2. #a2e6a8
  3. #90cc96
  4. #7eb383
  5. #6c9970
  6. #5a805e
  7. #48664b
  8. #364d38
  9. #243325
  10. #121a13
  11. #000000

Açık tonlar

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

  1. #b4ffbb
  2. #bcffc2
  3. #c3ffc9
  4. #cbffcf
  5. #d2ffd6
  6. #daffdd
  7. #e1ffe4
  8. #e9ffeb
  9. #f0fff1
  10. #f8fff8
  11. #ffffff

Tonlar

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

  1. #b4ffbb
  2. #aff2b5
  3. #aae6af
  4. #a4d9a9
  5. #9fcca3
  6. #9ac09e
  7. #95b398
  8. #90a692
  9. #8a998c
  10. #858d86
  11. #808080

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

Akromatopsi #ededed Erkeklerin ≈ 0.003% kadarı
Akromatomali #d9f4db Erkeklerin ≈ 0.001% kadarı
Protanopi #fff2b7 Erkeklerin ≈ 1.01% kadarı
Döteranopi #f5eabf Erkeklerin ≈ 1.27% kadarı
Tritanopi #abfbed Erkeklerin ≈ 0.0001% kadarı
Protanomali #e6f7b9 Erkeklerin ≈ 1.08% kadarı
Döteranomali #def3bd Erkeklerin ≈ 4.63% kadarı
Tritanomali #affddb Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#98fb98 Pale Green ΔE 5.77 #a8e4a0 Granny Smith Apple ΔE 5.90 #98ff98 Mint Green ΔE 6.14 #90ee90 Light Green ΔE 6.61 #ace1af Celadon ΔE 7.02 #d0f0c0 Tea Green ΔE 7.68 #aaf0d1 Magic Mint ΔE 9.21 #4b0044 Ters renk #ededed Gri tonlama 

Pale Green
#b4ffbb  rgb(180, 255, 187)  hsl(126, 100%, 85%)  Pale Green
#ffb4f8  rgb(255, 180, 248)  hsl(306, 100%, 85%)  Plum
#bbb4ff  rgb(187, 180, 255)  hsl(246, 100%, 85%)  Periwinkle
#ffbbb4  rgb(255, 187, 180)  hsl(6, 100%, 85%)  Melon