ColorTool
Giriş yap
#E54D60

#e54d60 ≈ Neon Fuchsia

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

#e54d60, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %89,8 kırmızı, %30,2 yeşil ve %37,65 maviden oluşur; CMYK baskıda %0 camgöbeği, %66,38 macenta, %58,08 sarı ve %10,2 siyah kullanır. Ton açısı 352,5°, HSL’de doygunluğu %74,51 ve açıklığı %60’dir. Sıcak bir renktir ve çoğunlukla enerji, tutku ve aciliyet ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 5,56:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Neon Fuchsia (#fe4164), ΔE 4,07.

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.2281

Tamamlayıcı

  1. #e54d60
  2. #4de5d2

Bölünmüş tamamlayıcı

  1. #e54d60
  2. #4de586
  3. #4dace5

Komşu

  1. #e54dac
  2. #e54d60
  3. #e5864d

Üçlü

  1. #e54d60
  2. #60e54d
  3. #4d60e5

Dörtlü

  1. #e54d60
  2. #e5d24d
  3. #4de5d2
  4. #4d60e5

Kare

  1. #e54d60
  2. #ace54d
  3. #4de5d2
  4. #864de5

Tek renkli

  1. #861322
  2. #c81d33
  3. #e54d60
  4. #ef909c
  5. #f9d2d7

Koyu tonlar

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

  1. #e54d60
  2. #ce4556
  3. #b73e4d
  4. #a03643
  5. #892e3a
  6. #732730
  7. #5c1f26
  8. #45171d
  9. #2e0f13
  10. #17080a
  11. #000000

Açık tonlar

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

  1. #e54d60
  2. #e85f70
  3. #ea7180
  4. #ed8290
  5. #ef94a0
  6. #f2a6b0
  7. #f5b8bf
  8. #f7cacf
  9. #fadbdf
  10. #fcedef
  11. #ffffff

Tonlar

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

  1. #e54d60
  2. #db5263
  3. #d15766
  4. #c75c6a
  5. #bd616d
  6. #b36770
  7. #a86c73
  8. #9e7176
  9. #94767a
  10. #8a7b7d
  11. #808080

Okunaklı metin 3.78:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #838383 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b37177 Erkeklerin ≈ 0.001% kadarı
Protanopi #746f60 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9a8f5c Erkeklerin ≈ 1.27% kadarı
Tritanopi #fa2c55 Erkeklerin ≈ 0.0001% kadarı
Protanomali #ad6360 Erkeklerin ≈ 1.08% kadarı
Döteranomali #bd7a5e Erkeklerin ≈ 4.63% kadarı
Tritanomali #f23c5a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e54d60 {
  color: #e54d60;
}
Arka plan
.bg-e54d60 {
  background-color: #e54d60;
  color: #000000;
}
Kenarlık
.border-e54d60 {
  border: 2px solid #e54d60;
}
CSS değişkenleri
:root {
  --color-primary: #e54d60;
  --color-primary-rgb: 229 77 96;
  --color-primary-hsl: 353 75% 60%;
}
Geçiş
.gradient-e54d60 {
  background: linear-gradient(135deg, #e54d60, #e5864d);
}
Renkli gölge
.shadow-e54d60 {
  box-shadow: 0 8px 24px rgb(229 77 96 / 0.35);
}

#fe4164 Neon Fuchsia ΔE 4.07 #e52b50 Amaranth ΔE 4.90 #cd5c5c Indian Red ΔE 5.23 #ff004f Folly ΔE 5.54 #cb4154 Brick Red ΔE 6.55 #de3163 Cerise ΔE 6.87 #e30b5c Raspberry ΔE 8.40 #1ab29f Ters renk #838383 Gri tonlama 

Neon Fuchsia
#e54d60  rgb(229, 77, 96)  hsl(353, 75%, 60%)  Neon Fuchsia
#4de5d2  rgb(77, 229, 210)  hsl(173, 75%, 60%)  Turquoise
#60e54d  rgb(96, 229, 77)  hsl(113, 75%, 60%)  Malachite
#4d60e5  rgb(77, 96, 229)  hsl(233, 75%, 60%)  Ultramarine Blue