Pencari Nama Warna
Masukkan warna hex, rgb(), atau hsl() dan langsung temukan nama warna CSS terdekat yang paling cocok, lengkap dengan perbandingan swatch langsung dan beberapa alternatif terdekat berikutnya.
🔒 Diproses secara lokal di browser Anda
Loading…
Cara menggunakan
- Ketik warna ke dalam kolom dalam format hex, rgb(), atau hsl(), atau pilih secara visual dengan swatch warna.
- Nama warna CSS terdekat langsung muncul, lengkap dengan swatch, nama, dan kode hex-nya sendiri di samping warna Anda.
- Periksa skor jarak untuk melihat seberapa dekat kecocokannya — jarak 0 berarti kecocokan persis.
- Gulir daftar di bawah untuk melihat beberapa nama warna terdekat berikutnya, diurutkan dari yang paling dekat hingga paling jauh.
Fitur
- Menerima format warna hex, rgb(), dan hsl(), plus pemilih warna visual
- Mencocokkan dengan 148 nama warna CSS/X11 standar
- Menampilkan swatch berdampingan langsung antara warna Anda dan nama warna yang cocok
- Menyertakan skor jarak numerik plus beberapa alternatif terdekat berikutnya
- 100% berjalan di sisi klien — warna Anda tidak pernah meninggalkan browser Anda
Pertanyaan yang sering diajukan
Bagaimana cara kerja pencocokan nama warna?
Warna Anda diubah ke RGB, lalu dibandingkan dengan setiap nama warna CSS standar menggunakan jarak Euclidean antara nilai RGB-nya. Nama warna dengan jarak terkecil ditampilkan sebagai kecocokan terdekat, dengan beberapa jarak terkecil berikutnya ditampilkan sebagai alternatif.
Nama warna apa saja yang menjadi acuan pencocokan?
Kumpulan standar 148 kata kunci warna CSS/X11 yang diperluas, sebagaimana didefinisikan oleh CSS Color Module — nama yang sama yang dikenali browser dalam CSS, seperti "tomato", "slateblue", atau "rebeccapurple". Ini adalah daftar tetap yang sudah dikenal luas, sehingga kecocokan persis hanya ditemukan jika warna Anda persis jatuh pada salah satunya.
Mengapa nama warna ditampilkan dalam bahasa Inggris meski situs ini dalam bahasa saya?
Nama seperti "Tomato" atau "SlateBlue" adalah kata kunci CSS harfiah, bukan teks yang dapat diterjemahkan — browser hanya memahami ejaan bahasa Inggris dalam lembar gaya. Karena itu nama-nama ini tetap dalam bahasa Inggris di semua bahasa, sementara sisa halaman di sekitarnya diterjemahkan sepenuhnya.
Apa arti skor jarak?
Ini adalah jarak garis lurus (Euclidean) antara warna Anda dan nama warna dalam ruang RGB, di mana setiap saluran berkisar 0-255. Jarak 0 berarti kecocokan persis; jarak maksimum yang mungkin (hitam ke putih) adalah sekitar 441. Angka yang lebih kecil berarti kecocokan visual yang lebih dekat.
Apakah alat ini menyimpan atau mengunggah warna saya?
Tidak. Semua penguraian, pencocokan, dan perhitungan jarak dilakukan secara lokal di browser Anda menggunakan JavaScript biasa. Tidak ada yang dikirim ke server atau disimpan di mana pun.