Apa itu Pencari Nama Warna?
Pencari Nama Warna membantu Anda mengidentifikasi nama warna terdekat untuk nilai warna HEX atau RGB apa pun. Baik Anda seorang desainer yang ingin membuat kode lebih mudah dibaca atau developer yang ingin menggunakan nama warna semantik, tool ini langsung mencocokkan warna Anda dengan nama warna terdekat dari database yang komprehensif.
Mengapa Menggunakan Nama Warna?
Menggunakan nama warna dalam kode Anda menawarkan beberapa manfaat:
Keterbacaan
Kemudahan Pemeliharaan
Komunikasi
Kompatibilitas CSS
Dua Database Warna
Pilih dari dua database warna yang komprehensif:
147 Warna Standar
Warna web standar yang dikenali oleh semua browser, termasuk klasik seperti "Red", "Blue", "Coral", dan "SkyBlue"
- Dukungan native browser
- Siap produksi
- Kompatibilitas universal
1500+ Nama Deskriptif
Database komprehensif dengan nama deskriptif seperti "Dusty Rose", "Ocean Blue", "Champagne", dan "Terracotta"
- Penamaan kreatif
- Dokumentasi desain
- Deskripsi yang menggugah
Pencocokan Warna yang Akurat
CIEDE2000 adalah formula perbedaan warna paling akurat yang tersedia, memperhitungkan ketidakseragaman dalam persepsi warna manusia. Ini digunakan di seluruh industri percetakan, manufaktur, dan desain digital.
— International Commission on Illumination (CIE)
- 1. Apa itu Pencari Nama Warna?
- 2. Cara Menggunakan Pencari Nama Warna
- 3. Fitur
- 4. Pertanyaan yang Sering Diajukan
- 4.1. Apa itu Delta E dan mengapa penting?
- 4.2. Apa perbedaan antara database CSS dan Extended?
- 4.3. Mengapa warna saya tidak menunjukkan kecocokan 100%?
- 4.4. Bisakah saya menggunakan nama warna di CSS?
- 4.5. Seberapa akurat pencocokan warnanya?
- 4.6. Apakah data warna saya disimpan atau dibagikan?
- 4.7. Mengapa beberapa warna memiliki nama yang tidak biasa?
Cara Menggunakan Pencari Nama Warna
Masukkan Warna Anda
Anda memiliki tiga cara untuk memasukkan warna:
- Ketik HEX - Masukkan kode HEX seperti "#FF5733" atau "FF5733"
- Ketik RGB - Masukkan nilai RGB seperti "255, 87, 51" atau "rgb(255, 87, 51)"
- Gunakan Color Picker - Klik kotak preview warna untuk membuka color picker visual
Lihat Hasil Pencocokan
Tool ini langsung menampilkan:
- Nama Warna - Nama warna terdekat (misalnya, "Tomato")
- Skor Kecocokan - Persentase yang menunjukkan seberapa dekat kecocokannya (100% = cocok sempurna)
- Nilai Delta E - Pengukuran perbedaan warna teknis (0 = identik)
- Nilai Warna - Nilai HEX dan RGB dari nama warna yang dicocokkan
Jelajahi Alternatif
Di bawah kecocokan terbaik, Anda akan melihat 4 warna serupa. Klik salah satunya untuk melihat detailnya dan membandingkan opsi.
Salin dan Gunakan
Klik tombol salin di samping nilai apa pun (nama, HEX, atau RGB) untuk menyalinnya ke clipboard Anda. Gunakan langsung di CSS, tool desain, atau dokumentasi Anda.
- Gunakan database Extended untuk nama warna yang lebih deskriptif dan kreatif
- Periksa skor kecocokan - skor di atas 95% menunjukkan kecocokan yang sangat dekat
- Warna terbaru Anda disimpan secara otomatis untuk akses cepat
Fitur
Database Warna Ganda
Beralih antara warna standar CSS (147 nama yang didukung browser) dan database extended dengan lebih dari 1500 nama warna deskriptif termasuk warna terinspirasi permata, alam, dan makanan.
Pencocokan Warna Delta E 2000
Menggunakan algoritma CIEDE2000, standar industri untuk perbedaan warna perseptual. Ini memastikan kecocokan mencerminkan bagaimana manusia benar-benar melihat warna, bukan hanya jarak RGB matematis.
Tampilan Skor Kecocokan dan Delta E
Lihat dengan tepat seberapa dekat warna Anda dengan nama warna dengan skor persentase dan nilai Delta E.
- Badge hijau untuk kecocokan sempurna (95%+)
- Kuning untuk kecocokan baik (80-94%)
- Merah untuk kecocokan cukup
Saran Warna Serupa
Lihat 4 nama warna alternatif yang juga dekat dengan input Anda. Klik saran apa pun untuk menjelajahinya lebih lanjut dan menemukan nama yang sempurna untuk warna Anda.
Berbagai Format Input
Masukkan warna dalam format HEX (#FF5733 atau FF5733) atau format RGB (255, 87, 51 atau rgb(255, 87, 51)). Tool ini secara otomatis mendeteksi formatnya.
Color Picker Visual
Klik preview warna untuk membuka color picker visual. Pilih warna apa pun dan langsung lihat kecocokan nama warna terdekatnya.
Salin Sekali Klik
Salin nama warna, nilai HEX, atau nilai RGB dengan sekali klik. Feedback instan mengonfirmasi tindakan salin Anda.
Riwayat Warna
Pencarian warna terbaru Anda secara otomatis disimpan (hingga 20 warna). Klik warna apa pun di riwayat untuk mencarinya lagi dengan cepat.
Data Anda Tetap Privat
Semua pencocokan warna terjadi di browser Anda:
- Tanpa upload - Data warna tidak pernah meninggalkan perangkat Anda
- Tanpa pelacakan - Kami tidak mengumpulkan pencarian warna Anda
Pertanyaan yang Sering Diajukan
Apa itu Delta E dan mengapa penting?
Delta E (ΔE) adalah metrik untuk mengukur perbedaan perseptual antara dua warna. Delta E 0 berarti warnanya identik. Nilai di bawah 1 tidak dapat dipersepsikan oleh kebanyakan orang, 1-2 hampir tidak terlihat, dan nilai di atas 10 menunjukkan warna yang jelas berbeda.
Tool ini menggunakan Delta E 2000 (CIEDE2000), standar paling akurat untuk persepsi warna manusia.
Apa perbedaan antara database CSS dan Extended?
Database CSS berisi 147 warna bernama standar yang berfungsi di semua browser web (seperti "Red", "Coral", "SkyBlue"). Database Extended mencakup lebih dari 1500 warna dengan nama yang lebih deskriptif seperti "Dusty Rose", "Ocean Blue", "Champagne", dan "Terracotta" - sempurna untuk dokumentasi desain dan proyek kreatif.
| Fitur | Warna CSS | Warna Extended |
|---|---|---|
| Total Warna | 147 | 1500+ |
| Dukungan Browser | Native | Hanya Referensi |
| Gunakan di CSS | Langsung digunakan | Gunakan nilai HEX/RGB |
| Terbaik Untuk | Kode produksi | Dokumentasi desain |
Mengapa warna saya tidak menunjukkan kecocokan 100%?
Kecocokan 100% hanya terjadi ketika warna Anda persis cocok dengan nama warna di database. Sebagian besar warna kustom akan menunjukkan persentase tinggi (90-99%) yang menunjukkan kecocokan yang sangat dekat. Bagian warna serupa membantu Anda menemukan alternatif yang mungkin lebih dekat.
Bisakah saya menggunakan nama warna di CSS?
Ya, semua 147 warna di database CSS adalah keyword warna CSS yang valid. Anda dapat menggunakannya langsung di stylesheet Anda (misalnya, color: tomato;). Nama database Extended adalah untuk referensi dan dokumentasi - gunakan nilai HEX atau RGB mereka dalam kode.
/* CSS Named Colors - Direct Use */
.button {
background-color: tomato;
color: white;
border: 2px solid coral;
}
/* Extended Colors - Use HEX/RGB */
.card {
background-color: #F5E6D3; /* Champagne */
color: #2C5F7C; /* Ocean Blue */
}Seberapa akurat pencocokan warnanya?
Tool ini menggunakan algoritma CIEDE2000, yang merupakan standar industri untuk pencocokan warna yang digunakan dalam percetakan, manufaktur, dan desain. Ini memperhitungkan bagaimana mata manusia mempersepsikan perbedaan warna, membuatnya lebih akurat daripada perhitungan jarak RGB sederhana.
Pendekatan Matematis
- Jarak Euclidean dasar
- Mengabaikan persepsi manusia
- Hasil kurang akurat
Pendekatan Perseptual
- Algoritma standar industri
- Sesuai persepsi manusia
- Hasil sangat akurat
Apakah data warna saya disimpan atau dibagikan?
Tidak. Semua pencocokan warna terjadi sepenuhnya di browser Anda. Warna Anda tidak pernah diunggah ke server mana pun. Riwayat disimpan secara lokal di perangkat Anda menggunakan penyimpanan browser.
- Semua pemrosesan terjadi di sisi klien di browser Anda
- Tidak ada transmisi data ke server eksternal
- Riwayat hanya disimpan di penyimpanan browser lokal
- Tidak ada pelacakan atau analitik pada pencarian warna
- Hapus riwayat kapan saja untuk menghapus semua data
Mengapa beberapa warna memiliki nama yang tidak biasa?
Database Extended mencakup nama kreatif dan deskriptif dari berbagai sumber termasuk warna X11, nama terinspirasi Pantone, dan istilah deskriptif. Nama-nama ini dimaksudkan untuk menggugah dan mudah diingat, membantu desainer mengomunikasikan warna dengan lebih efektif.
Belum ada komentar. Jadilah yang pertama berkomentar!