Tentang Lavender
Lavender (lavender) adalah biru yang sangat terang dan lembut dengan kode hex #e6e6fa, atau rgb(230, 230, 250). Dalam HSL, warna ini berada di hue 240°, saturasi 67%, dan kecerahan 94%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: lavender; alih-alih nilai hex.
Menggunakan Lavender untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks lavender di atas putih | 1.23 : 1 | gagal |
| Teks lavender di atas hitam | 17.06 : 1 | AAA |
Di atas latar belakang lavender, gunakan teks hitam (17.06 : 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: lavender; /* or #e6e6fa */
background-color: #e6e6fa;
border: 1px solid rgb(230 230 250 / 50%);
}
Warna bernama yang mirip
Alice Blue (#f0f8ff), White Smoke (#f5f5f5), Ghost White (#f8f8ff), Light Cyan (#e0ffff), Lavender Blush (#fff0f5), Azure (#f0ffff).
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.