Warna / Nama

Pencari Nama Warna: Hex atau RGB ke Nama Warna CSS Terdekat

Masukkan warna hex, RGB, atau CSS dan temukan salah satu dari 148 nama warna CSS yang paling dekat, diurutkan berdasarkan perbedaan perseptual dalam CIELAB, lengkap dengan swatch pembanding dan nilai hex setiap nama.

Pencari Nama Warna: Hex atau RGB ke Nama Warna CSS Terdekat: Warna yang dimasukkan dan setiap nama warna CSS dikonversi ke ruang warna CIELAB, yang mengukur jarak berdasarkan perbedaan tampilan warna. Nama-nama terdekat ditampilkan bersama perbedaan warnanya, ΔE: di bawah sekitar 2,3, kebanyakan orang tidak dapat melihat perbedaannya. Sebagai contoh, #3a7bd5 paling dekat dengan cornflowerblue. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Kategori
Tools sehari-hari
Dijalankan
Di browser Anda
Biaya
Gratis · tanpa daftar
Ketersediaan
Siap digunakan
Pencari nama warnaPemrosesan lokal

Berjalan sepenuhnya di browser Anda

Nama CSS terdekatcornflowerblueΔE 10.7: hanya mirip secara kasar
#3a7bd5Warna Anda
cornflowerblue#6495ed · ΔE 10.7
dodgerblue#1e90ff · ΔE 13.5
royalblue#4169e1 · ΔE 21.4
steelblue#4682b4 · ΔE 24.4
mediumpurple#9370db · ΔE 27.4
slateblue#6a5acd · ΔE 27.6

Warna dibandingkan dengan semua 148 warna bernama CSS dalam ruang warna CIELAB, yang dirancang agar jarak yang sama terlihat kurang lebih sama perbedaannya. Jaraknya, ΔE, kurang dari sekitar 2.3 ketika sebagian besar orang tidak dapat melihat perbedaan. Nama CSS apa pun dapat digunakan dalam stylesheet sebagai pengganti kode hex, seperti color: steelblue.

Asal nama-namanya

Sebagian besar nama warna CSS berasal dari daftar warna sistem window X11 pada 1980-an. Itu sebabnya ada nama seperti papayawhip dan lightgoldenrodyellow. rebeccapurple, #663399, ditambahkan pada 2014 untuk mengenang Rebecca Meyer.

Mengonversi warna

Untuk mengubah warna menjadi notasi HSL, RGB, atau notasi lainnya, gunakan konverter warna.

Cara menggunakannya

  1. Ketik warna dalam format hex, rgb(), atau nama.
  2. Lihat nama warna terdekat dan tingkat kedekatannya.
  3. Bandingkan swatch, lalu salin nama yang Anda inginkan.

Privasi & batasan

Semua proses berjalan di browser Anda.

Alat terkait

Konverter WarnaPengekstrak PaletWarna Tailwind

Pertanyaan umum

Mengapa menggunakan nama CSS?

Nama-nama ini adalah kumpulan standar yang dikenal luas dan dapat langsung digunakan dalam stylesheet, dari aliceblue hingga yellowgreen.

Apa arti ΔE?

ΔE adalah jarak antara dua warna dalam CIELAB. Sekitar 1 merupakan perbedaan terkecil yang biasanya dapat dilihat kebanyakan orang saat warna dibandingkan berdampingan; di atas 10, warnanya jelas berbeda.

Mengapa grey dan gray tidak ditampilkan keduanya?

Keduanya adalah warna yang sama dengan dua ejaan berbeda; tool ini hanya mencantumkan satu dari setiap pasangan.

Alat gratis · berjalan di browser anda · tanpa perlu akun