ColorTool
Giriş yap
#E704F2

#e704f2 ≈ Fuchsia

  • macenta
  • Açıklık: orta
  • Doygunluk: canlı
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#e704f2, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %90,59 kırmızı, %1,57 yeşil ve %94,9 maviden oluşur; CMYK baskıda %4,55 camgöbeği, %98,35 macenta, %0 sarı ve %5,1 siyah kullanır. Ton açısı 297,23°, HSL’de doygunluğu %96,75 ve açıklığı %48,24’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla yaratıcılık, cesaret ve bireysellik ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 5,7:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Fuchsia (#ff00ff), ΔE 4,52.

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

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

Tamamlayıcı

  1. #e704f2
  2. #0ff204

Bölünmüş tamamlayıcı

  1. #e704f2
  2. #86f204
  3. #04f270

Komşu

  1. #7004f2
  2. #e704f2
  3. #f20486

Üçlü

  1. #e704f2
  2. #f2e704
  3. #04f2e7

Dörtlü

  1. #e704f2
  2. #f2040f
  3. #0ff204
  4. #04f2e7

Kare

  1. #e704f2
  2. #f27004
  3. #0ff204
  4. #0486f2

Tek renkli

  1. #57025c
  2. #9f03a7
  3. #e704f2
  4. #f447fc
  5. #f892fd

Koyu tonlar

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

  1. #e704f2
  2. #d004da
  3. #b903c2
  4. #a203a9
  5. #8b0291
  6. #740279
  7. #5c0261
  8. #450149
  9. #2e0130
  10. #170018
  11. #000000

Açık tonlar

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

  1. #e704f2
  2. #e91df3
  3. #ec36f5
  4. #ee4ff6
  5. #f168f7
  6. #f382f9
  7. #f59bfa
  8. #f8b4fb
  9. #facdfc
  10. #fde6fe
  11. #ffffff

Tonlar

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

  1. #e704f2
  2. #dd10e7
  3. #d21ddb
  4. #c829d0
  5. #be36c4
  6. #b442b9
  7. #a94eae
  8. #9f5ba2
  9. #956797
  10. #8a748b
  11. #808080

Okunaklı metin 3.69:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.7:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #858585 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b569bb Erkeklerin ≈ 0.001% kadarı
Protanopi #0076f7 Erkeklerin ≈ 1.01% kadarı
Döteranopi #568ded Erkeklerin ≈ 1.27% kadarı
Tritanopi #ed4b8f Erkeklerin ≈ 0.0001% kadarı
Protanomali #915df5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #a570ef Erkeklerin ≈ 4.63% kadarı
Tritanomali #ea3abf Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e704f2 {
  color: #e704f2;
}
Arka plan
.bg-e704f2 {
  background-color: #e704f2;
  color: #000000;
}
Kenarlık
.border-e704f2 {
  border: 2px solid #e704f2;
}
CSS değişkenleri
:root {
  --color-primary: #e704f2;
  --color-primary-rgb: 231 4 242;
  --color-primary-hsl: 297 97% 48%;
}
Geçiş
.gradient-e704f2 {
  background: linear-gradient(135deg, #e704f2, #f20486);
}
Renkli gölge
.shadow-e704f2 {
  box-shadow: 0 8px 24px rgb(231 4 242 / 0.35);
}

#ff00ff Fuchsia ΔE 4.52 #ff00ff Magenta ΔE 4.52 #ba55d3 Medium Orchid ΔE 7.67 #bf00ff Electric Purple ΔE 7.86 #fc0fc0 Shocking Pink ΔE 9.09 #df73ff Heliotrope ΔE 11.21 #da70d6 Orchid ΔE 11.32 #18fb0d Ters renk #858585 Gri tonlama 

Fuchsia
#e704f2  rgb(231, 4, 242)  hsl(297, 97%, 48%)  Fuchsia
#0ff204  rgb(15, 242, 4)  hsl(117, 97%, 48%)  Lime
#f2e704  rgb(242, 231, 4)  hsl(57, 97%, 48%)  Titanium Yellow
#04f2e7  rgb(4, 242, 231)  hsl(177, 97%, 48%)  Bright Turquoise