Tentang Violet
Violet (violet) adalah magenta muda yang cerah dan mencolok dengan kode hex #ee82ee, atau rgb(238, 130, 238). Dalam HSL, warna ini berada di hue 300°, saturasi 76%, dan lightness 72%. Warna ini termasuk dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: violet; alih-alih nilai hex.
Menggunakan Violet untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks violet di atas putih | 2.32 : 1 | gagal |
| Teks violet di atas hitam | 9.06 : 1 | AAA |
Di atas latar belakang violet, gunakan teks hitam (9.06 : 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: violet; /* or #ee82ee */
background-color: #ee82ee;
border: 1px solid rgb(238 130 238 / 50%);
}Warna bernama yang mirip
Orchid (#da70d6), Plum (#dda0dd), Hot Pink (#ff69b4), Thistle (#d8bfd8), Pink Muda (#ffb6c1), Pink (#ffc0cb).
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.