Tentang Tomato
Tomato (tomato) adalah merah terang dan cerah dengan kode hex #ff6347, atau rgb(255, 99, 71). Dalam HSL, warna ini berada di hue 9°, saturasi 100%, dan lightness 64%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: tomato; alih-alih nilai hex-nya.
Menggunakan Tomato untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks Tomato di atas putih | 2.95 : 1 | gagal |
| Teks Tomato di atas hitam | 7.13 : 1 | AAA |
Di atas latar belakang tomato, gunakan teks hitam (7.13 : 1). WCAG mensyaratkan minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Cek pasangan warna lain dengan Pemeriksa Kontras.
CSS
.element {
color: tomato; /* or #ff6347 */
background-color: #ff6347;
border: 1px solid rgb(255 99 71 / 50%);
}Warna bernama yang mirip
Coral (#ff7f50), Salmon (#fa8072), Merah India (#cd5c5c), Peru (#cd853f), Cokelat (#d2691e), Coral Muda (#f08080).
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.