Pencari Nama Warna

• Pencocokan Warna Terdekat Instan: Pencari nama warna menghitung jarak Euclidean antara warna masukan Anda dan setiap warna di basis data seketika, mengembalikan 6 kecocokan terdekat yang diurutkan berdasarkan kemiripan perseptual. Tanpa tombol yang perlu ditekan.
• Lebih dari 300 Nama CSS, X11 & Pantone: Basis data mencakup semua 148 warna bernama CSS, lebih dari 50 nama warna X11, dan lebih dari 100 perkiraan Pantone: tiga sistem penamaan warna yang paling banyak dirujuk di web, cetak, dan desain.
• Cari berdasarkan Nama atau Jelajahi: Beralih ke tab Cari untuk menemukan warna berdasarkan nama; ketik «coral», «navy», atau «pantone 186» untuk menjelajahi seluruh basis data. Klik hasil apa pun untuk langsung melihat kecocokan terdekatnya dan menyalin nilainya.
• 100% Privat - Tanpa Unggahan: Semua pencarian warna terjadi secara lokal di browser Anda. Tidak ada data warna yang pernah dikirim ke server, disimpan, atau dicatat. Pencari nama warna berfungsi sepenuhnya offline setelah halaman dimuat.

• Pengembangan CSS: Temukan warna bernama CSS yang paling dekat dengan token desain Anda sehingga Anda dapat menggunakan nama semantik daripada kode HEX mentah. Pencari nama warna langsung memberi tahu apakah warna Anda memiliki kecocokan CSS persis.
• Dokumentasi Desain: Saat mendokumentasikan palet warna, gunakan pencari nama warna untuk memberi setiap warna nama yang dapat dibaca manusia. Warna bernama lebih mudah dikomunikasikan kepada pemangku kepentingan daripada kode HEX mentah.
• Pencocokan Cetak & Merek: Temukan perkiraan Pantone terdekat untuk warna layar apa pun. Basis data Pantone pada pencari nama warna membantu Anda mengidentifikasi warna tinta standar terdekat untuk produksi cetak.
• Aksesibilitas & Komunikasi Warna: Saat menulis laporan aksesibilitas atau spesifikasi desain, gunakan warna bernama untuk mendeskripsikan elemen UI dengan jelas. Pencari nama warna memberi Anda nama standar untuk nilai warna apa pun.
• Seni Digital & Ilustrasi: Identifikasi nama standar untuk warna yang Anda ambil dari gambar referensi atau palet. Pencari nama warna mencakup warna seni X11 seperti Cerulean, Vermilion, dan Ochre yang digunakan desainer setiap hari.
• Pengujian Buta Warna & Aksesibilitas: Gunakan warna bernama untuk mengomunikasikan pilihan warna kepada pengguna dengan defisiensi penglihatan warna. Nama seperti «DodgerBlue» dan «Crimson» lebih deskriptif daripada kode HEX dalam konteks aksesibilitas.

Pencari nama warna menerima nilai warna apa pun — HEX, RGB, atau kueri pencarian — dan mengembalikan nama warna terdekat dari basis data terkurasi. Nama warna berasal dari tiga sistem utama: Warna Bernama CSS (148 warna yang didefinisikan dalam spesifikasi CSS, seperti «CornflowerBlue» dan «Tomato»), nama warna X11 (kumpulan yang diperluas yang digunakan di sistem Unix/Linux dan alat desain, termasuk warna seperti «Cerulean» dan «Vermilion»), dan perkiraan warna Pantone (sistem warna tinta standar industri yang digunakan dalam cetak dan desain merek).

Pencarian terjadi dalam tiga langkah, sepenuhnya di browser Anda:

1. Urai masukan Anda: Masukkan kode HEX (misalnya #3b82f6), gunakan pemilih warna bawaan, masukkan nilai RGB, atau cari berdasarkan nama. Pencari nama warna menerima semua format masukan umum.
2. Hitung jarak: Alat menghitung jarak Euclidean antara warna masukan Anda dan setiap warna dalam basis data lebih dari 300 nama menggunakan rumus √((R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)²). Jarak 0 berarti kecocokan persis. Data warna Anda tidak pernah meninggalkan browser.
3. Kembalikan kecocokan terbaik: Enam warna bernama terdekat ditampilkan sebagai kartu dengan nilai HEX, RGB, dan HSL-nya, semuanya dapat disalin dengan satu klik. Setiap kartu menunjukkan sumber warna (CSS, X11, atau Pantone) dan skor jarak.

• Warna Bernama CSS: 148 warna yang didefinisikan dalam spesifikasi CSS Color Module Level 4. Ini satu-satunya nama warna yang berfungsi langsung di stylesheet CSS tanpa konversi apa pun.
• Nama Warna X11: Kumpulan diperluas sekitar 550 nama warna yang awalnya didefinisikan untuk X Window System. Banyak alat desain dan bahasa pemrograman menyertakan warna X11. Pencari nama warna mencakup nama X11 paling berguna yang belum dicakup CSS.
• Perkiraan Pantone: Nilai sRGB perkiraan untuk warna Pantone Matching System (PMS). Ini hanya perkiraan layar: warna tinta Pantone sebenarnya hanya dapat dicocokkan secara akurat dengan kartu contoh fisik.

Jarak Δ yang ditampilkan pada setiap kartu hasil adalah jarak Euclidean dalam ruang warna RGB antara warna masukan Anda dan warna bernama. Jarak 0 berarti kecocokan persis. Jarak di bawah 20 sangat dekat (hampir tak terbedakan). Jarak di atas 50 menunjukkan perbedaan warna yang terlihat. Untuk pencocokan yang lebih akurat secara perseptual, versi mendatang mungkin menggunakan jarak CIE ΔE alih-alih jarak Euclidean RGB.