ColorTool
Giriş yap
#B1F080

#b1f080 ≈ Inchworm

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

#b1f080, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %69,41 kırmızı, %94,12 yeşil ve %50,2 maviden oluşur; CMYK baskıda %26,25 camgöbeği, %0 macenta, %46,67 sarı ve %5,88 siyah kullanır. Ton açısı 93,75°, HSL’de doygunluğu %78,87 ve açıklığı %72,16’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 15,65:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Inchworm (#b2ec5d), ΔE 4,53.

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

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

Tamamlayıcı

  1. #b1f080
  2. #bf80f0

Bölünmüş tamamlayıcı

  1. #b1f080
  2. #8780f0
  3. #f080e9

Komşu

  1. #e9f080
  2. #b1f080
  3. #80f087

Üçlü

  1. #b1f080
  2. #80b1f0
  3. #f080b1

Dörtlü

  1. #b1f080
  2. #80f0bf
  3. #bf80f0
  4. #f080b1

Kare

  1. #b1f080
  2. #80e9f0
  3. #bf80f0
  4. #f08780

Tek renkli

  1. #61c017
  2. #87e83c
  3. #b1f080
  4. #dbf8c4
  5. #f4fded

Koyu tonlar

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

  1. #b1f080
  2. #9fd873
  3. #8ec066
  4. #7ca85a
  5. #6a904d
  6. #597840
  7. #476033
  8. #354826
  9. #23301a
  10. #12180d
  11. #000000

Açık tonlar

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

  1. #b1f080
  2. #b9f28d
  3. #c1f399
  4. #c8f5a6
  5. #d0f6b3
  6. #d8f8c0
  7. #e0f9cc
  8. #e8fbd9
  9. #effce6
  10. #f7fef2
  11. #ffffff

Tonlar

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

  1. #b1f080
  2. #ace580
  3. #a7da80
  4. #a2ce80
  5. #9dc380
  6. #99b880
  7. #94ad80
  8. #8fa280
  9. #8a9680
  10. #858b80
  11. #808080

Okunaklı metin 1.34:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 15.65:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #dedede Erkeklerin ≈ 0.003% kadarı
Akromatomali #cee6c0 Erkeklerin ≈ 0.001% kadarı
Protanopi #f8e277 Erkeklerin ≈ 1.01% kadarı
Döteranopi #efdd87 Erkeklerin ≈ 1.27% kadarı
Tritanopi #b2e8d6 Erkeklerin ≈ 0.0001% kadarı
Protanomali #dfe77b Erkeklerin ≈ 1.08% kadarı
Döteranomali #d9e584 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b2ebba Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b1f080 {
  color: #b1f080;
}
Arka plan
.bg-b1f080 {
  background-color: #b1f080;
  color: #000000;
}
Kenarlık
.border-b1f080 {
  border: 2px solid #b1f080;
}
CSS değişkenleri
:root {
  --color-primary: #b1f080;
  --color-primary-rgb: 177 240 128;
  --color-primary-hsl: 94 79% 72%;
}
Geçiş
.gradient-b1f080 {
  background: linear-gradient(135deg, #b1f080, #80f087);
}
Renkli gölge
.shadow-b1f080 {
  box-shadow: 0 8px 24px rgb(177 240 128 / 0.35);
}

#b2ec5d Inchworm ΔE 4.53 #90ee90 Light Green ΔE 6.05 #98fb98 Pale Green ΔE 6.10 #98ff98 Mint Green ΔE 6.33 #a8e4a0 Granny Smith Apple ΔE 7.72 #77dd77 Pastel Green ΔE 7.99 #bdda57 June Bud ΔE 8.41 #4e0f7f Ters renk #dedede Gri tonlama 

Inchworm
#b1f080  rgb(177, 240, 128)  hsl(94, 79%, 72%)  Inchworm
#bf80f0  rgb(191, 128, 240)  hsl(274, 79%, 72%)  Floral Lavender
#80b1f0  rgb(128, 177, 240)  hsl(214, 79%, 72%)  Iceberg
#f080b1  rgb(240, 128, 177)  hsl(334, 79%, 72%)  Persian Pink