Tentang Ungu
Ungu (purple) adalah magenta gelap yang cerah dengan kode hex #800080, atau rgb(128, 0, 128). Dalam HSL, warna ini berada pada hue 300°, saturasi 100%, dan lightness 25%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: purple; alih-alih nilai hex.
Menggunakan ungu untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks ungu di atas putih | 9.42 : 1 | AAA |
| Teks ungu di atas hitam | 2.23 : 1 | gagal |
Pada latar belakang ungu, gunakan teks putih (9.42 : 1). WCAG mensyaratkan minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Periksa pasangan warna lain dengan Contrast Checker.
CSS
.element {
color: purple; /* or #800080 */
background-color: #800080;
border: 1px solid rgb(128 0 128 / 50%);
}Warna bernama yang serupa
Magenta Gelap (#8b008b), Indigo (#4b0082), Rebecca Purple (#663399), Merah Violet Medium (#c71585), Biru Slate Gelap (#483d8b), Violet Gelap (#9400d3).
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.