Apa itu Pencari Nama Warna?

Masukkan nilai HEX, RGB, atau HSL apa pun dan dapatkan warna bernama terdekat dari database berisi lebih dari 1.500 nama. Kode warna berubah menjadi nama yang bisa kamu ucapkan, yang membantu saat menulis dokumentasi desain atau membahas palet bersama rekan kerja.

Nama warna diambil dari proyek open-source color-name-list, sumber yang sama dipakai plugin Figma dan ekstensi Tailwind. Anda bisa memasukkan nilai HEX, alihkan input ke RGB atau HSL dan isi kanal, atau pilih warna lewat pemilih visual. Alat ini mengembalikan padanan terdekat berdasarkan jarak Euclidean RGB — ditampilkan dalam HEX, RGB, HSL, HSV, dan CMYK — lengkap dengan dua nama alternatif, skor kemiripan, dan pemeriksaan kontras WCAG, jadi jelas apakah hasilnya nyaris persis atau hanya pendekatan kasar.

Cara menggunakan

1. Langkah 1 — Masukkan nilai warna dalam HEX (misalnya #3B82F6), alihkan input ke RGB atau HSL untuk mengetik kanal, atau gunakan pemilih warna untuk memilih secara visual.
2. Langkah 2 — Alat ini langsung menemukan warna bernama terdekat beserta jarak kecocokan yang tepat.
3. Langkah 3 — Lihat nama warna, nilai HEX persisnya, dan perbandingan visual antara input Anda dan warna bernama tersebut.

Kapan menggunakan

• Memberi nama pada warna brand sebelum masuk ke pedoman gaya atau design system.
• Mengubah warna hasil screenshot menjadi nama yang bisa dicari developer di kode.
• Mencocokkan contoh cat atau kain dengan palet web yang sudah dikenal untuk tahu sebutannya.

Hasil

Seorang developer memasukkan #4A90D9 dan menemukan bahwa warna terdekatnya adalah "Steel Blue" (#4682B4) dengan kemiripan 96,2%.

FAQ

Nama-nama warna ini sumbernya dari mana?

Dari proyek open-source color-name-list, sekitar 1.500 nama yang dikurasi dari survei warna xkcd, katalog produsen cat, dan spesifikasi CSS. Banyak alat desain memakai data yang sama, jadi nama-namanya terasa familiar.

Kenapa beberapa input tidak pernah mencapai kemiripan 100%?

Hanya warna yang persis sama dengan entri di daftar yang mendapat 100%. Sisanya diberi tetangga terdekat menurut jarak RGB. Di atas 95% mata tidak bisa membedakan, di bawah 85% nama jelas terlihat meleset dari warna aslinya.

Pakai jarak RGB atau jarak persepsi?

Jarak Euclidean di ruang RGB. Cepat dan cocok untuk kebanyakan warna web, tapi pada merah dan hijau yang sangat jenuh mata manusia lebih peka dibanding model RGB, jadi nama yang dipilih kadang terasa sedikit melenceng.

Bisa langsung memasukkan HSL, RGB, atau HEX?

Bisa — ketiganya sudah tersedia. Ganti tab input ke HEX, RGB, atau HSL lalu ketik nilainya, atau pilih warna lewat pemilih. Kartu hasil juga menampilkan warna yang cocok dalam HSL, HSV, dan CMYK sehingga Anda bisa menyalin format yang dibutuhkan.

Kenapa dua nilai HEX yang berbeda jauh hasil namanya sama?

Daftar punya lubang di sebagian ruang warna, terutama netral kusam dan pink pastel. Kalau kedua input sama-sama jauh dari semua entri, tetangga terdekat yang menang juga sama untuk keduanya. Selisihnya kelihatan dari skor kemiripan.

Alat terkait