Cara kerja pola
| Bagian | Arti |
|---|---|
^# | Diawali dengan # |
[0-9a-fA-F]{3,4} | Format pendek: #rgb atau #rgba |
[0-9a-fA-F]{6} | Format lengkap: #rrggbb |
[0-9a-fA-F]{8} | Format lengkap dengan alpha: #rrggbbaa |
Contoh kode
JavaScript
const re = /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
re.test(value); // true or falsePython
import re
bool(re.fullmatch(r'#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})', value))PHP
preg_match('/^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/', $value) === 1;Catatan dan batasan
Keempat panjang ini valid di CSS. Hapus alternatif {3,4} dan {8} jika sistemmu hanya menerima warna enam digit. Konversi antar format dengan Konverter Warna.
Regex Tester
Ketik pola dan lihat hasil cocok langsung ter-highlight di teks ujimu.
Pertanyaan yang sering diajukan
Apa regex untuk kode warna hex?
/^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/ — pola ini mencocokkan seluruh string. Lihat tabel di atas untuk fungsi tiap bagiannya.
Contoh mana yang cocok?
Dari contoh yang diuji, yang cocok adalah: #fff, #1A2B3C, #1a2b3c80, #f0f8. Sisanya tidak cocok.
Bagaimana cara menguji regex ini?
Klik “Buka di Regex Tester” — pola, flag, dan teks contoh akan termuat otomatis, dan kecocokan akan disorot saat kamu mengedit.