Pencari Nama Warna

Cara menggunakan pencari nama warna

1. Pilih warna dengan Pilih warna, atau ketik nilai di Kode warna: kode HEX seperti #1E90FF, rgb(30 144 255), hsl(210 100% 56%), atau warna CSS lainnya.
2. Saat pertama kali, alat ini memuat daftar sekitar 32.000 nama warna (beberapa ratus kilobyte, sekali per kunjungan). Setelah itu, hasil muncul saat Anda mengetik.
3. Baca Nama terdekat di samping Warna Anda. Jika kode tersebut ada persis di dalam daftar, labelnya menampilkan Cocok persis.
4. Di bawahnya, 5 nama terdekat dan Nama warna CSS terdekat ditampilkan beserta kode HEX dan jaraknya (ΔE). Gunakan Salin nama atau Salin HEX untuk mengambil salah satunya.
5. Ubah Cocokkan dengan untuk membandingkan dengan CIEDE2000 (CIELAB) atau Jarak OKLab, atau klik Warna acak untuk bereksplorasi.

Warna dan pencarian tetap berada di browser Anda.

Asal nama-nama warna

Nama-nama ini berasal dari color-name-list, koleksi open source yang dikelola oleh David Aerne dan banyak kontributor dengan lisensi MIT. Koleksi ini mengumpulkan sekitar 32.000 nama unik dari katalog cat, kamus warna bersejarah, alam, budaya pop, dan usulan komunitas, dari “Absolute Zero” sampai “Zucchini”. Setiap nama hanya dimiliki oleh satu kode HEX. Nama-nama warna ini dalam bahasa Inggris; alat ini tidak menyediakan nama warna dalam bahasa Indonesia.

Alat ini juga membandingkan warna Anda dengan 148 nama warna CSS dari CSS Color Level 4 (tomato, rebeccapurple, dodgerblue…), yang dipahami semua browser. Sinonim yang memiliki kode yang sama ditampilkan bersama, seperti gray / grey atau aqua / cyan. Inilah nama yang bisa dipakai di stylesheet jika Anda menginginkan sesuatu yang mudah dibaca.

Cara memilih warna terdekat

Membandingkan kode HEX digit demi digit tidak berhasil: #808080 dan #7F8080 hampir identik, tetapi perubahan kecil di kanal lain bisa terlihat sangat berbeda. Alat ini mengonversi setiap warna ke ruang warna perseptual dan mengukur jaraknya di sana.

• CIEDE2000 (CIELAB) adalah rumus perbedaan warna dari Komisi Internasional tentang Iluminasi (CIE), yang dipakai dalam pencocokan warna cetak dan cat. Rumus ini mengoreksi jarak CIELAB yang lebih lama sesuai cara mata kita menilai kecerahan, kroma, dan rona, terutama pada warna biru dan warna yang mendekati abu-abu. Implementasinya mengikuti Sharma, Wu, dan Dalal (2005) dan diuji dengan data acuan mereka.
• Jarak OKLab adalah jarak garis lurus di OKLab, ruang warna modern yang dirancang dengan langkah perseptual yang merata. Nilainya ditampilkan dikalikan 100 agar terbaca pada skala yang mirip dengan ΔE2000. Metode ini lebih cepat dan sering kali sejalan dengan CIEDE2000; jika berbeda, perbedaannya halus.

Sebagai panduan, ΔE di bawah 1 tidak terlihat oleh kebanyakan orang, 1 sampai 2 adalah perbedaan sangat tipis yang terlihat saat warna disandingkan, dan di atas 5 warnanya tampak jelas berbeda. Jika nama terdekat memiliki ΔE yang besar, warna Anda memang berada di antara warna-warna bernama.

Ide penggunaan nama warna

• Beri nama design token dan swatch palet dengan sesuatu yang lebih ramah daripada kode.
• Jelaskan warna dalam e-mail, deskripsi produk, atau teks alt.
• Temukan kata kunci CSS yang mirip dengan warna brand untuk prototipe cepat.