ColorTool
Giriş yap
#A7703C

#a7703c ≈ Copper

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

#a7703c, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %65,49 kırmızı, %43,92 yeşil ve %23,53 maviden oluşur; CMYK baskıda %0 camgöbeği, %32,93 macenta, %64,07 sarı ve %34,51 siyah kullanır. Ton açısı 29,16°, HSL’de doygunluğu %47,14 ve açıklığı %44,51’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 5,03:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Copper (#b87333), ΔE 4,24.

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

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

Tamamlayıcı

  1. #a7703c
  2. #3c73a7

Bölünmüş tamamlayıcı

  1. #a7703c
  2. #3ca7a6
  3. #3c3da7

Komşu

  1. #a73c3d
  2. #a7703c
  3. #a7a63c

Üçlü

  1. #a7703c
  2. #3ca770
  3. #703ca7

Dörtlü

  1. #a7703c
  2. #73a73c
  3. #3c73a7
  4. #703ca7

Kare

  1. #a7703c
  2. #3da73c
  3. #3c73a7
  4. #a63ca7

Tek renkli

  1. #362514
  2. #6f4a28
  3. #a7703c
  4. #c89667
  5. #ddbd9f

Koyu tonlar

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

  1. #a7703c
  2. #966536
  3. #865a30
  4. #754e2a
  5. #644324
  6. #54381e
  7. #432d18
  8. #322212
  9. #21160c
  10. #110b06
  11. #000000

Açık tonlar

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

  1. #a7703c
  2. #b07e50
  3. #b98d63
  4. #c19b77
  5. #caa98a
  6. #d3b89e
  7. #dcc6b1
  8. #e5d4c5
  9. #ede2d8
  10. #f6f1ec
  11. #ffffff

Tonlar

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

  1. #a7703c
  2. #a37243
  3. #9f734a
  4. #9b7550
  5. #977657
  6. #94785e
  7. #907a65
  8. #8c7b6c
  9. #887d72
  10. #847e79
  11. #808080

Okunaklı metin 4.18:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.03:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7c7c7c Erkeklerin ≈ 0.003% kadarı
Akromatomali #8f7768 Erkeklerin ≈ 0.001% kadarı
Protanopi #817437 Erkeklerin ≈ 1.01% kadarı
Döteranopi #8e813d Erkeklerin ≈ 1.27% kadarı
Tritanopi #b56464 Erkeklerin ≈ 0.0001% kadarı
Protanomali #927339 Erkeklerin ≈ 1.08% kadarı
Döteranomali #997b3c Erkeklerin ≈ 4.63% kadarı
Tritanomali #b06957 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-a7703c {
  color: #a7703c;
}
Arka plan
.bg-a7703c {
  background-color: #a7703c;
  color: #000000;
}
Kenarlık
.border-a7703c {
  border: 2px solid #a7703c;
}
CSS değişkenleri
:root {
  --color-primary: #a7703c;
  --color-primary-rgb: 167 112 60;
  --color-primary-hsl: 29 47% 45%;
}
Geçiş
.gradient-a7703c {
  background: linear-gradient(135deg, #a7703c, #a7a63c);
}
Renkli gölge
.shadow-a7703c {
  box-shadow: 0 8px 24px rgb(167 112 60 / 0.35);
}

#b87333 Copper ΔE 4.24 #a67b5b Cafe au Lait ΔE 6.39 #b06500 Ginger ΔE 6.97 #996515 Golden Brown ΔE 7.31 #cc7722 Ochre ΔE 8.97 #cd7f32 Bronze ΔE 9.32 #cd853f Peru ΔE 9.77 #588fc3 Ters renk #7c7c7c Gri tonlama 

Copper
#a7703c  rgb(167, 112, 60)  hsl(29, 47%, 45%)  Copper
#3c73a7  rgb(60, 115, 167)  hsl(209, 47%, 45%)  French Blue
#3ca770  rgb(60, 167, 112)  hsl(149, 47%, 45%)  Jade
#703ca7  rgb(112, 60, 167)  hsl(269, 47%, 45%)  Purple Heart