ColorTool
Giriş yap
#B4642E

#b4642e ≈ Copper

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

#b4642e, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %70,59 kırmızı, %39,22 yeşil ve %18,04 maviden oluşur; CMYK baskıda %0 camgöbeği, %44,44 macenta, %74,44 sarı ve %29,41 siyah kullanır. Ton açısı 24,18°, HSL’de doygunluğu %59,29 ve açıklığı %44,31’dir. Sıcak bir renktir ve çoğunlukla coşku, sıcaklık ve yaratıcılık ile ilişkilendirilir. Tasarımcılar onu genellikle eylem çağrısı düğmeleri, gıda markaları ve restoranlar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 4,8:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Copper (#b87333), ΔE 5,94.

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

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

Tamamlayıcı

  1. #b4642e
  2. #2e7eb4

Bölünmüş tamamlayıcı

  1. #b4642e
  2. #2eb4a7
  3. #2e3bb4

Komşu

  1. #b42e3b
  2. #b4642e
  3. #b4a72e

Üçlü

  1. #b4642e
  2. #2eb464
  3. #642eb4

Dörtlü

  1. #b4642e
  2. #7eb42e
  3. #2e7eb4
  4. #642eb4

Kare

  1. #b4642e
  2. #3bb42e
  3. #2e7eb4
  4. #a72eb4

Tek renkli

  1. #3a200f
  2. #77421e
  3. #b4642e
  4. #d58b5a
  5. #e4b697

Koyu tonlar

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

  1. #b4642e
  2. #a25a29
  3. #905025
  4. #7e4620
  5. #6c3c1c
  6. #5a3217
  7. #482812
  8. #361e0e
  9. #241409
  10. #120a05
  11. #000000

Açık tonlar

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

  1. #b4642e
  2. #bc7443
  3. #c38358
  4. #cb936d
  5. #d2a282
  6. #dab297
  7. #e1c1ab
  8. #e9d1c0
  9. #f0e0d5
  10. #f8f0ea
  11. #ffffff

Tonlar

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

  1. #b4642e
  2. #af6736
  3. #aa6a3e
  4. #a46c47
  5. #9f6f4f
  6. #9a7257
  7. #95755f
  8. #907867
  9. #8a7a70
  10. #857d78
  11. #808080

Okunaklı metin 4.37:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 4.8:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #797979 Erkeklerin ≈ 0.003% kadarı
Akromatomali #947163 Erkeklerin ≈ 0.001% kadarı
Protanopi #7b6e28 Erkeklerin ≈ 1.01% kadarı
Döteranopi #8e802d Erkeklerin ≈ 1.27% kadarı
Tritanopi #c55358 Erkeklerin ≈ 0.0001% kadarı
Protanomali #956a2a Erkeklerin ≈ 1.08% kadarı
Döteranomali #9f762e Erkeklerin ≈ 4.63% kadarı
Tritanomali #be5a4b Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#b87333 Copper ΔE 5.94 #cc5500 Burnt Orange ΔE 6.49 #d2691e Chocolate ΔE 6.75 #b06500 Ginger ΔE 7.23 #a0522d Sienna ΔE 7.98 #cc7722 Ochre ΔE 9.08 #c04000 Mahogany ΔE 9.72 #4b9bd1 Ters renk #797979 Gri tonlama 

Copper
#b4642e  rgb(180, 100, 46)  hsl(24, 59%, 44%)  Copper
#2e7eb4  rgb(46, 126, 180)  hsl(204, 59%, 44%)  Steel Blue
#2eb464  rgb(46, 180, 100)  hsl(144, 59%, 44%)  Medium Sea Green
#642eb4  rgb(100, 46, 180)  hsl(264, 59%, 44%)  Purple Heart