Pencari Nama Warna

Semua alat

Temukan warna CSS bernama terdekat dan nuansa Tailwind terdekat untuk warna apa pun — dicocokkan secara perseptual, dengan nilai siap salin.

Warna Anda
#3B82F6
Warna CSS terdekat
—
—
Perbedaan: —
Tepat sama
Nuansa Tailwind terdekat
—
—
Perbedaan: —
Tepat sama

Ketik atau pilih warna apa pun dan lihat secara instan warna CSS bernama terdekat dan nuansa Tailwind — dicocokkan secara perseptual di browser Anda.

Tentang Pencari Nama Warna

Named Color Finder menjawab satu pertanyaan sederhana: warna ini namanya apa? Masukkan atau pilih warna apa pun dan alat ini langsung mengembalikan warna bernama CSS terdekat — dari daftar standar yang dipahami browser, seperti "steelblue" atau "coral" — beserta shade palet Tailwind terdekat, seperti "sky-600".

Pencocokan bersifat perseptual, bukan sekadar numerik, sehingga nama yang disarankan benar-benar terlihat seperti warna input Anda alih-alih hanya dekat dalam istilah RGB mentah. Indikator perbedaan memberi tahu Anda apakah kecocokannya persis, sangat dekat, atau hanya perkiraan, sehingga Anda tahu seberapa banyak fidelitas yang Anda korbankan demi nama yang mudah diingat.

Pencarian ini berjalan sepenuhnya di browser Anda dengan tombol salin pada setiap hasil. Berguna untuk menulis CSS yang lebih mudah dibaca, menyelaraskan warna merek yang sembarang ke skala Tailwind, atau sekadar mempelajari apa nama warna yang Anda ambil dari sebuah foto.

Cara menggunakan Pencari Nama Warna

  1. Ketik nilai warna atau pilih satu dengan pemilih warna; klik "Random" untuk menjelajah.
  2. Baca warna bernama CSS terdekat dan shade Tailwind terdekat, ditampilkan berdampingan dengan input Anda.
  3. Periksa indikator perbedaan untuk melihat seberapa dekat setiap kecocokan.
  4. Klik "Copy" pada nilai mana pun yang ingin Anda gunakan.

Pertanyaan yang sering diajukan

Ya. Pencocokan dihitung secara lokal di browser Anda terhadap daftar warna yang sudah tersedia, sehingga pencarian gratis, instan dan tanpa batas.

CSS mendefinisikan sekitar 148 warna bernama (147 nilai unik, karena beberapa merupakan alias seperti gray/grey), dari yang dasar seperti "red" hingga yang jarang seperti "papayawhip". Setiap browser memahaminya, dan alat ini menemukan yang paling dekat dengan warna apa pun yang Anda masukkan.

Alat ini menggunakan metrik jarak warna perseptual, bukan perbandingan RGB sederhana, sehingga nama yang disarankan mencerminkan seberapa mirip warna-warna itu sebenarnya terlihat oleh mata manusia — sangat penting terutama untuk warna pudar dan hampir abu-abu.

Shade terdekat dari palet warna bawaan Tailwind, diberi nama dalam format hue-plus-angka yang familier seperti "emerald-500". Ini berguna untuk menyesuaikan warna desain yang sembarang ke skala Tailwind agar kelas utility Anda tetap konsisten.

Warna input Anda identik dengan warna bernama tersebut — Anda bisa mengganti nilai HEX dengan namanya tanpa perubahan visual sama sekali. Tingkat yang lebih rendah ("Very close", "Close", "Approximate") menunjukkan perbedaan yang makin besar, meski sering kali tidak kasat mata.
Bagikan ini
Alat Terkait
Pemilih Warna Layar Ambil sampel piksel mana pun di layar Anda dengan eyedropper, atau pilih warna dari gambar yang dijatuhkan, dan kumpulkan ke dalam palet siap salin. Gratis
Generator Palet Warna Buat palet warna yang harmonis dari roda warna interaktif — terapkan aturan harmoni seperti analogous, complementary, atau triad, lalu salin nilai apa pun secara instan. Gratis
Konverter Kode Warna Konversi warna antara HEX, RGB, RGBA, HSL, HSLA, HSV, dan CMYK — pilih warna, atur alfa, dan salin format apa pun secara instan. Gratis
Pencocok Warna Pantone Cari kode Pantone solid-coated mana pun untuk membaca nilai HEX, RGB, dan CMYK-nya, atau masukkan warna HEX/RGB dan temukan padanan Pantone terdekat secara instan — semuanya di browser Anda. Gratis
Layar Hitam Penuh Penuhi seluruh layar Anda dengan hitam murni — sempurna untuk menemukan stuck pixel yang terang, memeriksa kebocoran backlight, atau sebagai latar gelap bebas gangguan. Gratis. Gratis
Layar Putih Penuh Penuhi seluruh layar Anda dengan putih murni — sempurna untuk menemukan dead pixel, membersihkan monitor, lightbox, atau lampu pengisi lembut. Gratis dan berjalan di browser Anda. Gratis
Pencarian populer
pencari nama warna nama warna css terdekat temukan nama warna warna tailwind terdekat hex ke nama warna identifikasi nama warna
Butuh bantuan?
Menemukan masalah dengan alat ini? Beri tahu tim kami.
Laporkan masalah

Tambahkan alat gratis ini ke situs web Anda sendiri — salin dan tempel kode di bawah ini.