Pencari Warna Bernama

Semua alat

Cari warna CSS bernama yang paling hampir dan warna Tailwind yang paling dekat untuk sebarang warna — dipadankan secara perseptual, dengan nilai sedia salin.

Warna anda
#3B82F6
Warna CSS paling hampir
—
—
Perbezaan: —
Padanan tepat
Warna Tailwind paling dekat
—
—
Perbezaan: —
Padanan tepat

Taip atau pilih sebarang warna dan lihat serta-merta warna CSS bernama yang paling hampir dan warna Tailwind — dipadankan secara perseptual dalam pelayar anda.

Mengenai Pencari Warna Bernama

Named Color Finder menjawab soalan mudah: apakah nama warna ini? Masukkan atau pilih mana-mana warna dan ia serta-merta memulangkan warna bernama CSS terdekat — daripada senarai piawai yang difahami pelayar, seperti "steelblue" atau "coral" — bersama ton palet Tailwind terdekat, seperti "sky-600".

Padanan adalah secara perseptual dan bukan semata-mata berangka, jadi nama yang dicadangkan benar-benar kelihatan seperti warna input anda dan bukan sekadar hampir dari segi RGB mentah. Penunjuk perbezaan memberitahu anda sama ada padanan itu tepat, sangat hampir, atau hanya anggaran, supaya anda tahu sejauh mana kesetiaan yang anda tukar untuk nama yang mudah diingati.

Carian ini berjalan sepenuhnya dalam pelayar anda dengan butang salin pada setiap keputusan. Ia berguna untuk menulis CSS yang lebih mudah dibaca, menyelaraskan warna jenama sembarangan kepada skala Tailwind, atau sekadar mengetahui apakah nama warna yang anda pilih daripada foto.

Cara menggunakan Pencari Warna Bernama

  1. Taip nilai warna atau pilih satu dengan pemilih warna; klik "Random" untuk meneroka.
  2. Baca warna bernama CSS terdekat dan ton Tailwind terdekat, dipaparkan bersebelahan dengan input anda.
  3. Semak penunjuk perbezaan untuk melihat sejauh mana setiap padanan itu hampir.
  4. Klik "Copy" pada nilai mana-mana yang anda mahu gunakan.

Soalan lazim

Ya. Padanan dikira secara tempatan dalam pelayar anda berbanding senarai warna terbenam, jadi carian adalah percuma, segera dan tanpa had.

CSS mentakrifkan kira-kira 148 warna bernama (147 nilai unik, kerana sesetengahnya adalah alias seperti gray/grey), daripada asas seperti "red" hinggalah entri jarang seperti "papayawhip". Setiap pelayar memahaminya, dan alat ini mencari yang paling hampir dengan mana-mana warna yang anda masukkan.

Alat ini menggunakan metrik jarak warna perseptual dan bukannya perbandingan RGB mudah, jadi nama yang dicadangkan mencerminkan sejauh mana warna itu sebenarnya kelihatan serupa kepada mata manusia — amat penting untuk ton lembut dan warna hampir kelabu.

Ton terdekat daripada palet warna lalai Tailwind, dinamakan dalam format rona-tambah-nombor yang biasa seperti "emerald-500". Ia berguna untuk menyesuaikan warna reka bentuk sembarangan ke skala Tailwind supaya kelas utiliti anda kekal konsisten.

Warna input anda adalah sama seperti warna bernama tersebut — anda boleh menggantikan nama itu dengan nilai HEX tanpa sebarang perubahan visual. Gred yang lebih rendah ("Very close", "Close", "Approximate") menunjukkan perbezaan yang semakin meningkat, walaupun selalunya tidak dapat dilihat.
Kongsi ini
Alat Berkaitan
Pemilih Warna Skrin Sampel sebarang piksel pada skrin anda dengan penitis mata, atau pilih warna dari imej yang dilepaskan, dan kumpulkan ke dalam palet sedia salin. Percuma
Penjana Palet Warna Bina palet warna yang harmoni daripada roda warna interaktif — gunakan peraturan harmoni seperti analogus, komplementari atau triad, kemudian salin sebarang nilai dengan segera. Percuma
Penukar Kod Warna Tukar warna antara HEX, RGB, RGBA, HSL, HSLA, HSV dan CMYK — pilih warna, laras alfa, dan salin sebarang format serta-merta. Percuma
Pemadan Warna Pantone Cari mana-mana kod Pantone solid-coated untuk membaca nilai HEX, RGB dan CMYK-nya, atau masukkan warna HEX/RGB dan cari padanan Pantone terdekat serta-merta — semuanya dalam pelayar anda. Percuma
Skrin Merah Penuh Penuhi seluruh skrin anda dengan merah tulen untuk menguji saluran sub-pixel merah dan mendedahkan piksel mati pada medan berwarna. Percuma dan berjalan dalam pelayar anda. Percuma
Skrin Putih Penuh Penuhi seluruh skrin anda dengan putih tulen — sesuai untuk mengesan piksel mati, membersihkan monitor, lightbox atau cahaya isi yang lembut. Percuma dan berjalan dalam pelayar anda. Percuma
Carian popular
pencari nama warna nama warna css terdekat cari nama warna warna tailwind terdekat hex ke nama warna kenal pasti nama warna
Perlukan bantuan?
Menemui masalah dengan alat ini? Beritahu pasukan kami.
Laporkan masalah

Tambah alat percuma ini ke laman web anda sendiri — salin dan tampal kod di bawah.