Tentang Magenta
Magenta (magenta) adalah magenta tingkat sedang yang cerah dengan kode hex #ff00ff, atau rgb(255, 0, 255). Dalam HSL, warnanya berada di hue 300°, saturasi 100%, dan lightness 50%. CSS juga menerima ejaan fuchsia untuk warna yang persis sama. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: magenta; alih-alih nilai hex-nya.
Menggunakan Magenta untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks magenta di atas putih | 3.14 : 1 | AA hanya untuk teks besar |
| Teks magenta di atas hitam | 6.70 : 1 | AA |
Pada latar belakang magenta, gunakan teks hitam (6.70 : 1). WCAG meminta rasio minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Cek pasangan warna lain dengan Contrast Checker.
CSS
.element {
color: magenta; /* or #ff00ff */
background-color: #ff00ff;
border: 1px solid rgb(255 0 255 / 50%);
}Warna bernama yang mirip
Pink Tua (#ff1493), Ungu Tua (#9400d3), Orkid Sedang (#ba55d3), Orkid Tua (#9932cc), Orkid (#da70d6), Ungu Biru (#8a2be2).
Pencari Nama Warna
Tempel kode HEX untuk mendapatkan nama warna yang paling mendekati dan nama token yang rapi untuk CSS, SCSS, JavaScript, atau konfigurasi Tailwind kamu.