Tentang Abu-abu
Abu-abu (gray) adalah abu-abu sedang yang lembut dengan kode hex #808080, atau rgb(128, 128, 128). Dalam HSL, warna ini berada di hue 0°, saturasi 0%, dan lightness 50%. CSS juga menerima ejaan grey untuk warna yang persis sama. Warna ini termasuk dalam 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: gray; alih-alih nilai hex-nya.
Menggunakan Abu-abu untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks abu-abu di atas putih | 3.95 : 1 | AA hanya untuk teks besar |
| Teks abu-abu di atas hitam | 5.32 : 1 | AA |
Di atas latar belakang abu-abu, gunakan teks hitam (5.32 : 1). WCAG mensyaratkan minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Periksa pasangan warna lainnya dengan Contrast Checker.
CSS
.element {
color: gray; /* or #808080 */
background-color: #808080;
border: 1px solid rgb(128 128 128 / 50%);
}Nama warna bernama yang mirip
Abu-abu Slate (#708090), Abu-abu Slate Muda (#778899), Abu-abu Redup (#696969), Biru Cadet (#5f9ea0), Hijau Laut Gelap (#8fbc8f), Cokelat Kemerahan (#bc8f8f).
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.