ColorTool
Giriş yap
#E57D63

#e57d63 ≈ Terra Cotta

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

#e57d63, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %89,8 kırmızı, %49,02 yeşil ve %38,82 maviden oluşur; CMYK baskıda %0 camgöbeği, %45,41 macenta, %56,77 sarı ve %10,2 siyah kullanır. Ton açısı 12°, HSL’de doygunluğu %71,43 ve açıklığı %64,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 7,45:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Terra Cotta (#e2725b), ΔE 2,86.

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

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

Tamamlayıcı

  1. #e57d63
  2. #63cbe5

Bölünmüş tamamlayıcı

  1. #e57d63
  2. #63e5be
  3. #638ae5

Komşu

  1. #e5638a
  2. #e57d63
  3. #e5be63

Üçlü

  1. #e57d63
  2. #63e57d
  3. #7d63e5

Dörtlü

  1. #e57d63
  2. #cbe563
  3. #63cbe5
  4. #7d63e5

Kare

  1. #e57d63
  2. #8ae563
  3. #63cbe5
  4. #be63e5

Tek renkli

  1. #963219
  2. #d84824
  3. #e57d63
  4. #f0b4a5
  5. #fbeae6

Koyu tonlar

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

  1. #e57d63
  2. #ce7159
  3. #b7644f
  4. #a05845
  5. #894b3b
  6. #733f32
  7. #5c3228
  8. #45261e
  9. #2e1914
  10. #170d0a
  11. #000000

Açık tonlar

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

  1. #e57d63
  2. #e88a73
  3. #ea9782
  4. #eda492
  5. #efb1a1
  6. #f2beb1
  7. #f5cbc1
  8. #f7d8d0
  9. #fae5e0
  10. #fcf2ef
  11. #ffffff

Tonlar

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

  1. #e57d63
  2. #db7d66
  3. #d17e69
  4. #c77e6c
  5. #bd7e6f
  6. #b37f72
  7. #a87f74
  8. #9e7f77
  9. #947f7a
  10. #8a807d
  11. #808080

Okunaklı metin 2.82:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.45:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9a9a9a Erkeklerin ≈ 0.003% kadarı
Akromatomali #bd8f87 Erkeklerin ≈ 0.001% kadarı
Protanopi #978c61 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b0a261 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f96b77 Erkeklerin ≈ 0.0001% kadarı
Protanomali #bb8662 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c89562 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f1736f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e57d63 {
  color: #e57d63;
}
Arka plan
.bg-e57d63 {
  background-color: #e57d63;
  color: #000000;
}
Kenarlık
.border-e57d63 {
  border: 2px solid #e57d63;
}
CSS değişkenleri
:root {
  --color-primary: #e57d63;
  --color-primary-rgb: 229 125 99;
  --color-primary-hsl: 12 71% 64%;
}
Geçiş
.gradient-e57d63 {
  background: linear-gradient(135deg, #e57d63, #e5be63);
}
Renkli gölge
.shadow-e57d63 {
  box-shadow: 0 8px 24px rgb(229 125 99 / 0.35);
}

#e2725b Terra Cotta ΔE 2.86 #e97451 Burnt Sienna ΔE 3.41 #fa8072 Salmon ΔE 5.44 #fe6f5e Bittersweet ΔE 5.61 #e9967a Dark Salmon ΔE 6.48 #ff7f50 Coral ΔE 6.63 #ff6347 Tomato ΔE 6.70 #1a829c Ters renk #9a9a9a Gri tonlama 

Terra Cotta
#e57d63  rgb(229, 125, 99)  hsl(12, 71%, 64%)  Terra Cotta
#63cbe5  rgb(99, 203, 229)  hsl(192, 71%, 64%)  Sky Blue
#63e57d  rgb(99, 229, 125)  hsl(132, 71%, 64%)  Pastel Green
#7d63e5  rgb(125, 99, 229)  hsl(252, 71%, 64%)  Medium Slate Blue