Ada berapa nama warna dalam CSS?

Spesifikasi CSS memuat sekitar 140 nama warna, termasuk beberapa pasangan yang merujuk warna identik seperti aqua dan cyan. Nama-nama itu diwarisi dari daftar warna sistem grafis lama, yang menjelaskan mengapa sebarannya tidak merata di seluruh spektrum.

Kenapa nama yang ditampilkan terasa tidak cocok?

Karena warnamu mungkin berada di wilayah spektrum yang tidak punya nama berdekatan, sehingga kecocokan terdekatnya tetap jauh. Perhatikan angka jarak yang ditampilkan — jarak besar berarti nama itu hanya yang paling dekat tersedia, bukan yang benar-benar mewakili warnamu.

Apakah nama warna bisa dipakai langsung di CSS?

Bisa, semua nama dalam daftar ini valid sebagai nilai warna CSS dan didukung setiap browser. Untuk identitas visual, kode heksadesimal tetap lebih baik karena nama warna hanya menyediakan satu titik tetap, sementara mereka biasanya membutuhkan nilai yang persis.

Warna

Pencari Nama Warna

Masukkan kode warna untuk menemukan nama warna CSS terdekat beserta seberapa dekat kecocokannya.

Kode warna

WARNAMU

TERDEKAT

—

KANDIDAT LAIN

Apa ini

Pencari nama warna mencocokkan sebuah kode heksadesimal dengan nama warna terdekat dari daftar nama warna CSS. Kegunaannya praktis: menyebut warna dengan nama jauh lebih mudah dikomunikasikan daripada menyebut enam digit heksadesimal, terutama saat mendiskusikan arah desain dengan orang lain. Alat ini juga menampilkan seberapa jauh warnamu dari nama itu, karena sebagian besar warna tidak persis sama dengan nama mana pun — dan mengetahui jaraknya lebih jujur daripada menyebut nama begitu saja.

Cara kerja

Kedekatan dihitung dengan jarak berbobot antar-kanal, bukan jarak lurus di ruang RGB. Jarak lurus memperlakukan perbedaan pada biru sama pentingnya dengan perbedaan pada hijau, padahal mata manusia jauh lebih peka pada hijau. Akibatnya, jarak lurus sering memilih nama yang secara angka paling dekat tetapi terlihat jelas keliru.

Daftar nama warna CSS berisi sekitar 140 nama, dan sebarannya tidak merata: ada banyak nama untuk warna merah muda dan biru, tetapi sedikit untuk warna cokelat kekuningan. Karena itu warna di daerah yang jarang bernama akan menghasilkan kecocokan yang lebih longgar — dan jarak yang ditampilkan menunjukkan hal itu.

Cara pakai

Masukkan kode warna Pakai pemilih warna, atau tempel kode heksadesimal maupun nilai rgb().
Lihat nama terdekat Nama terdekat ditampilkan bersama warna aslinya untuk dibandingkan langsung.
Periksa kandidat lainnya Beberapa nama terdekat berikutnya ikut ditampilkan, kadang salah satunya terasa lebih tepat.

Pertanyaan umum

Ada berapa nama warna dalam CSS?: Spesifikasi CSS memuat sekitar 140 nama warna, termasuk beberapa pasangan yang merujuk warna identik seperti aqua dan cyan. Nama-nama itu diwarisi dari daftar warna sistem grafis lama, yang menjelaskan mengapa sebarannya tidak merata di seluruh spektrum.
Kenapa nama yang ditampilkan terasa tidak cocok?: Karena warnamu mungkin berada di wilayah spektrum yang tidak punya nama berdekatan, sehingga kecocokan terdekatnya tetap jauh. Perhatikan angka jarak yang ditampilkan — jarak besar berarti nama itu hanya yang paling dekat tersedia, bukan yang benar-benar mewakili warnamu.
Apakah nama warna bisa dipakai langsung di CSS?: Bisa, semua nama dalam daftar ini valid sebagai nilai warna CSS dan didukung setiap browser. Untuk identitas visual, kode heksadesimal tetap lebih baik karena nama warna hanya menyediakan satu titik tetap, sementara mereka biasanya membutuhkan nilai yang persis.

Catatan

Perhitungan berjalan di browser-mu. Tidak ada data yang dikirim ke server.