#a522ff ≈ Vivid Violet
#a522ff, “mor” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %64,71 kırmızı, %13,33 yeşil ve %100 maviden oluşur; CMYK baskıda %35,29 camgöbeği, %86,67 macenta, %0 sarı ve %0 siyah kullanır. Ton açısı 275,57°, HSL’de doygunluğu %100 ve açıklığı %56,67’dir. Soğuk bir renktir ve çoğunlukla hayal gücü, maneviyat ve lüks 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 4,91:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Vivid Violet (#9f00ff), ΔE 2,46.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #9933ff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.1636 |
Koyu tonlar
#a522ff kademeli olarak siyahla karıştırıldı.
Açık tonlar
#a522ff kademeli olarak beyazla karıştırıldı.
Tonlar
#a522ff kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-a522ff {
color: #a522ff;
}
.bg-a522ff {
background-color: #a522ff;
color: #ffffff;
}
.border-a522ff {
border: 2px solid #a522ff;
}
:root {
--color-primary: #a522ff;
--color-primary-rgb: 165 34 255;
--color-primary-hsl: 276 100% 57%;
}
.gradient-a522ff {
background: linear-gradient(135deg, #a522ff, #ff22ea);
}
.shadow-a522ff {
box-shadow: 0 8px 24px rgb(165 34 255 / 0.35);
}
Vivid Violet
#a522ff rgb(165, 34, 255) hsl(276, 100%, 57%) Vivid Violet
#7cff22 rgb(124, 255, 34) hsl(96, 100%, 57%) Chartreuse
#ffa522 rgb(255, 165, 34) hsl(36, 100%, 57%) Orange
#22ffa5 rgb(34, 255, 165) hsl(156, 100%, 57%) Medium Spring Green