ColorTool
Giriş yap
#E580E7

#e580e7 ≈ Violet

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

#e580e7, “macenta” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %89,8 kırmızı, %50,2 yeşil ve %90,59 maviden oluşur; CMYK baskıda %0,87 camgöbeği, %44,59 macenta, %0 sarı ve %9,41 siyah kullanır. Ton açısı 298,83°, HSL’de doygunluğu %68,21 ve açıklığı %70,39’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 8,57:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Violet (#ee82ee), ΔE 1,6.

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

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

Tamamlayıcı

  1. #e580e7
  2. #82e780

Bölünmüş tamamlayıcı

  1. #e580e7
  2. #b6e780
  3. #80e7b1

Komşu

  1. #b180e7
  2. #e580e7
  3. #e780b6

Üçlü

  1. #e580e7
  2. #e7e580
  3. #80e7e5

Dörtlü

  1. #e580e7
  2. #e78082
  3. #82e780
  4. #80e7e5

Kare

  1. #e580e7
  2. #e7b180
  3. #82e780
  4. #80b6e7

Tek renkli

  1. #ab21ad
  2. #d840db
  3. #e580e7
  4. #f2c0f3
  5. #fbeefc

Koyu tonlar

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

  1. #e580e7
  2. #ce73d0
  3. #b766b9
  4. #a05aa2
  5. #894d8b
  6. #734074
  7. #5c335c
  8. #452645
  9. #2e1a2e
  10. #170d17
  11. #000000

Açık tonlar

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

  1. #e580e7
  2. #e88de9
  3. #ea99ec
  4. #eda6ee
  5. #efb3f1
  6. #f2c0f3
  7. #f5ccf5
  8. #f7d9f8
  9. #fae6fa
  10. #fcf2fd
  11. #ffffff

Tonlar

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

  1. #e580e7
  2. #db80dd
  3. #d180d2
  4. #c780c8
  5. #bd80be
  6. #b380b4
  7. #a880a9
  8. #9e809f
  9. #948095
  10. #8a808a
  11. #808080

Okunaklı metin 2.45:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.57:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a5a5a5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #c298c3 Erkeklerin ≈ 0.001% kadarı
Protanopi #779deb Erkeklerin ≈ 1.01% kadarı
Döteranopi #93aae4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ea8ba9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #ae92e9 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ba9be5 Erkeklerin ≈ 4.63% kadarı
Tritanomali #e887c5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e580e7 {
  color: #e580e7;
}
Arka plan
.bg-e580e7 {
  background-color: #e580e7;
  color: #000000;
}
Kenarlık
.border-e580e7 {
  border: 2px solid #e580e7;
}
CSS değişkenleri
:root {
  --color-primary: #e580e7;
  --color-primary-rgb: 229 128 231;
  --color-primary-hsl: 299 68% 70%;
}
Geçiş
.gradient-e580e7 {
  background: linear-gradient(135deg, #e580e7, #e780b6);
}
Renkli gölge
.shadow-e580e7 {
  box-shadow: 0 8px 24px rgb(229 128 231 / 0.35);
}

#ee82ee Violet ΔE 1.60 #da70d6 Orchid ΔE 4.31 #ff77ff Fuchsia Pink ΔE 4.66 #df73ff Heliotrope ΔE 5.62 #ff66cc Rose Pink ΔE 7.81 #dda0dd Plum ΔE 8.63 #b57edc Floral Lavender ΔE 8.79 #1a7f18 Ters renk #a5a5a5 Gri tonlama 

Violet
#e580e7  rgb(229, 128, 231)  hsl(299, 68%, 70%)  Violet
#82e780  rgb(130, 231, 128)  hsl(119, 68%, 70%)  Light Green
#e7e580  rgb(231, 229, 128)  hsl(59, 68%, 70%)  Khaki
#80e7e5  rgb(128, 231, 229)  hsl(179, 68%, 70%)  Electric Blue