ColorTool
Giriş yap
#BBDC63

#bbdc63 ≈ June Bud

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

#bbdc63, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %73,33 kırmızı, %86,27 yeşil ve %38,82 maviden oluşur; CMYK baskıda %15 camgöbeği, %0 macenta, %55 sarı ve %13,73 siyah kullanır. Ton açısı 76,36°, HSL’de doygunluğu %63,35 ve açıklığı %62,55’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 13,53:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk June Bud (#bdda57), ΔE 1,75.

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

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

Tamamlayıcı

  1. #bbdc63
  2. #8463dc

Bölünmüş tamamlayıcı

  1. #bbdc63
  2. #637fdc
  3. #c063dc

Komşu

  1. #dcc063
  2. #bbdc63
  3. #7fdc63

Üçlü

  1. #bbdc63
  2. #63bbdc
  3. #dc63bb

Dörtlü

  1. #bbdc63
  2. #63dc84
  3. #8463dc
  4. #dc63bb

Kare

  1. #bbdc63
  2. #63dcc0
  3. #8463dc
  4. #dc637f

Tek renkli

  1. #6b881e
  2. #9cc62c
  3. #bbdc63
  4. #d6eaa1
  5. #f1f8e0

Koyu tonlar

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

  1. #bbdc63
  2. #a8c659
  3. #96b04f
  4. #839a45
  5. #70843b
  6. #5e6e32
  7. #4b5828
  8. #38421e
  9. #252c14
  10. #13160a
  11. #000000

Açık tonlar

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

  1. #bbdc63
  2. #c2e073
  3. #c9e382
  4. #cfe792
  5. #d6eaa1
  6. #ddeeb1
  7. #e4f1c1
  8. #ebf5d0
  9. #f1f8e0
  10. #f8fcef
  11. #ffffff

Tonlar

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

  1. #bbdc63
  2. #b5d366
  3. #afca69
  4. #a9c06c
  5. #a3b76f
  6. #9eae72
  7. #98a574
  8. #929c77
  9. #8c927a
  10. #86897d
  11. #808080

Okunaklı metin 1.55:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 13.53:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #cfcfcf Erkeklerin ≈ 0.003% kadarı
Akromatomali #c8d5ae Erkeklerin ≈ 0.001% kadarı
Protanopi #e8d057 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e3cf6b Erkeklerin ≈ 1.27% kadarı
Tritanopi #c3d2c1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d7d55c Erkeklerin ≈ 1.08% kadarı
Döteranomali #d4d568 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c0d6a4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-bbdc63 {
  color: #bbdc63;
}
Arka plan
.bg-bbdc63 {
  background-color: #bbdc63;
  color: #000000;
}
Kenarlık
.border-bbdc63 {
  border: 2px solid #bbdc63;
}
CSS değişkenleri
:root {
  --color-primary: #bbdc63;
  --color-primary-rgb: 187 220 99;
  --color-primary-hsl: 76 63% 63%;
}
Geçiş
.gradient-bbdc63 {
  background: linear-gradient(135deg, #bbdc63, #7fdc63);
}
Renkli gölge
.shadow-bbdc63 {
  box-shadow: 0 8px 24px rgb(187 220 99 / 0.35);
}

#bdda57 June Bud ΔE 1.75 #b2ec5d Inchworm ΔE 4.82 #9acd32 Yellow Green ΔE 5.98 #d1e231 Pear ΔE 7.42 #93c572 Pistachio ΔE 9.71 #adff2f Green Yellow ΔE 9.95 #e4d96f Straw ΔE 10.09 #44239c Ters renk #cfcfcf Gri tonlama 

June Bud
#bbdc63  rgb(187, 220, 99)  hsl(76, 63%, 63%)  June Bud
#8463dc  rgb(132, 99, 220)  hsl(256, 63%, 63%)  Medium Slate Blue
#63bbdc  rgb(99, 187, 220)  hsl(196, 63%, 63%)  Sky Blue
#dc63bb  rgb(220, 99, 187)  hsl(316, 63%, 63%)  Sky Magenta