ColorTool
Giriş yap
#AF0FE6

#af0fe6 ≈ Vivid Violet

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

#af0fe6, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %68,63 kırmızı, %5,88 yeşil ve %90,2 maviden oluşur; CMYK baskıda %23,91 camgöbeği, %93,48 macenta, %0 sarı ve %9,8 siyah kullanır. Ton açısı 284,65°, HSL’de doygunluğu %87,76 ve açıklığı %48,04’dir. Soğuk bir renktir 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 beyaz metin 5,21:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Vivid Violet (#9f00ff), ΔE 4,15.

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

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

Tamamlayıcı

  1. #af0fe6
  2. #46e60f

Bölünmüş tamamlayıcı

  1. #af0fe6
  2. #b2e60f
  3. #0fe643

Komşu

  1. #430fe6
  2. #af0fe6
  3. #e60fb2

Üçlü

  1. #af0fe6
  2. #e6af0f
  3. #0fe6af

Dörtlü

  1. #af0fe6
  2. #e60f46
  3. #46e60f
  4. #0fe6af

Kare

  1. #af0fe6
  2. #e6430f
  3. #46e60f
  4. #0fb2e6

Tek renkli

  1. #420656
  2. #780a9e
  3. #af0fe6
  4. #c94ef3
  5. #df96f8

Koyu tonlar

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

  1. #af0fe6
  2. #9e0ecf
  3. #8c0cb8
  4. #7b0ba1
  5. #69098a
  6. #580873
  7. #46065c
  8. #350545
  9. #23032e
  10. #120217
  11. #000000

Açık tonlar

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

  1. #af0fe6
  2. #b727e9
  3. #bf3feb
  4. #c757ee
  5. #cf6ff0
  6. #d787f3
  7. #df9ff5
  8. #e7b7f8
  9. #efcffa
  10. #f7e7fd
  11. #ffffff

Tonlar

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

  1. #af0fe6
  2. #aa1adc
  3. #a626d2
  4. #a131c7
  5. #9c3cbd
  6. #9848b3
  7. #9353a9
  8. #8e5e9f
  9. #896994
  10. #85758a
  11. #808080

Okunaklı metin 5.21:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.03:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6d6d6d Erkeklerin ≈ 0.003% kadarı
Akromatomali #8c56ab Erkeklerin ≈ 0.001% kadarı
Protanopi #0065eb Erkeklerin ≈ 1.01% kadarı
Döteranopi #0070e2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #a95488 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6050e9 Erkeklerin ≈ 1.08% kadarı
Döteranomali #6f58e4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ab42b5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-af0fe6 {
  color: #af0fe6;
}
Arka plan
.bg-af0fe6 {
  background-color: #af0fe6;
  color: #ffffff;
}
Kenarlık
.border-af0fe6 {
  border: 2px solid #af0fe6;
}
CSS değişkenleri
:root {
  --color-primary: #af0fe6;
  --color-primary-rgb: 175 15 230;
  --color-primary-hsl: 285 88% 48%;
}
Geçiş
.gradient-af0fe6 {
  background: linear-gradient(135deg, #af0fe6, #e60fb2);
}
Renkli gölge
.shadow-af0fe6 {
  box-shadow: 0 8px 24px rgb(175 15 230 / 0.35);
}

#9f00ff Vivid Violet ΔE 4.15 #bf00ff Electric Purple ΔE 4.32 #9932cc Dark Orchid ΔE 4.40 #8a2be2 Blue Violet ΔE 5.79 #9400d3 Dark Violet ΔE 5.93 #8f00ff Electric Violet ΔE 6.16 #9a4eae Purpureus ΔE 10.06 #50f019 Ters renk #6d6d6d Gri tonlama 

Vivid Violet
#af0fe6  rgb(175, 15, 230)  hsl(285, 88%, 48%)  Vivid Violet
#46e60f  rgb(70, 230, 15)  hsl(105, 88%, 48%)  Neon Green
#e6af0f  rgb(230, 175, 15)  hsl(45, 88%, 48%)  Goldenrod
#0fe6af  rgb(15, 230, 175)  hsl(165, 88%, 48%)  Caribbean Green