ColorTool
Giriş yap
#B1B302

#b1b302 ≈ Brass

  • sarı
  • Açıklık: düşük
  • Doygunluk: güçlü
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#b1b302, “sarı” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %69,41 kırmızı, %70,2 yeşil ve %0,78 maviden oluşur; CMYK baskıda %1,12 camgöbeği, %0 macenta, %98,88 sarı ve %29,8 siyah kullanır. Ton açısı 60,68°, HSL’de doygunluğu %97,79 ve açıklığı %35,49’dir. Sıcak bir renktir ve çoğunlukla iyimserlik, dikkat ve neşe ile ilişkilendirilir. Tasarımcılar onu genellikle vurgular ve uyarılar, çocuk ürünleri ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 9,32:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Brass (#b5a642), ΔE 7,25.

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

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

Tamamlayıcı

  1. #b1b302
  2. #0402b3

Bölünmüş tamamlayıcı

  1. #b1b302
  2. #0258b3
  3. #5d02b3

Komşu

  1. #b35d02
  2. #b1b302
  3. #58b302

Üçlü

  1. #b1b302
  2. #02b1b3
  3. #b302b1

Dörtlü

  1. #b1b302
  2. #02b304
  3. #0402b3
  4. #b302b1

Kare

  1. #b1b302
  2. #02b35d
  3. #0402b3
  4. #b30258

Tek renkli

  1. #1b1c00
  2. #666701
  3. #b1b302
  4. #f9fc05
  5. #fbfd51

Koyu tonlar

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

  1. #b1b302
  2. #9fa102
  3. #8e8f02
  4. #7c7d01
  5. #6a6b01
  6. #595a01
  7. #474801
  8. #353601
  9. #232400
  10. #121200
  11. #000000

Açık tonlar

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

  1. #b1b302
  2. #b9bb1b
  3. #c1c235
  4. #c8ca4e
  5. #d0d167
  6. #d8d981
  7. #e0e19a
  8. #e8e8b3
  9. #eff0cc
  10. #f7f7e6
  11. #ffffff

Tonlar

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

  1. #b1b302
  2. #acae0f
  3. #a7a91b
  4. #a2a428
  5. #9d9f34
  6. #999a41
  7. #94944e
  8. #8f8f5a
  9. #8a8a67
  10. #858573
  11. #808080

Okunaklı metin 2.25:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.32:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #adadad Erkeklerin ≈ 0.003% kadarı
Akromatomali #aeaf89 Erkeklerin ≈ 0.001% kadarı
Protanopi #c2ab00 Erkeklerin ≈ 1.01% kadarı
Döteranopi #c4af20 Erkeklerin ≈ 1.27% kadarı
Tritanopi #bea798 Erkeklerin ≈ 0.0001% kadarı
Protanomali #bcae00 Erkeklerin ≈ 1.08% kadarı
Döteranomali #bcb018 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b9ac78 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b1b302 {
  color: #b1b302;
}
Arka plan
.bg-b1b302 {
  background-color: #b1b302;
  color: #000000;
}
Kenarlık
.border-b1b302 {
  border: 2px solid #b1b302;
}
CSS değişkenleri
:root {
  --color-primary: #b1b302;
  --color-primary-rgb: 177 179 2;
  --color-primary-hsl: 61 98% 35%;
}
Geçiş
.gradient-b1b302 {
  background: linear-gradient(135deg, #b1b302, #58b302);
}
Renkli gölge
.shadow-b1b302 {
  box-shadow: 0 8px 24px rgb(177 179 2 / 0.35);
}

#b5a642 Brass ΔE 7.25 #cfb53b Old Gold ΔE 7.97 #8db600 Apple Green ΔE 8.38 #c5b358 Vegas Gold ΔE 8.47 #bdb76b Dark Khaki ΔE 9.71 #e4d00a Citrine ΔE 10.20 #d4af37 Metallic Gold ΔE 10.91 #4e4cfd Ters renk #adadad Gri tonlama 

Brass
#b1b302  rgb(177, 179, 2)  hsl(61, 98%, 35%)  Brass
#0402b3  rgb(4, 2, 179)  hsl(241, 98%, 35%)  Zaffre
#02b1b3  rgb(2, 177, 179)  hsl(181, 98%, 35%)  Verdigris
#b302b1  rgb(179, 2, 177)  hsl(301, 98%, 35%)  Dark Orchid