Pencari nama warna

Mendukung #RGB, #RGBA, #RRGGBB, #RRGGBBAA, rgb()/rgba() bilangan bulat, dan hsl()/hsla() berbentuk persentase.

Masukkan warna HEX, RGB, atau HSL untuk menemukan warna bernama CSS standar yang paling dekat. Lihat juga HEX, RGB, HSL, dan CIELAB yang dinormalisasi serta perbedaan CIEDE2000. Semua dihitung di browser. Dalam mode bertahap, warna yang dimasukkan tercantum di URL halaman dan dikirim ke server bersama permintaan halaman; perhitungan pencocokan tetap hanya berjalan di browser.

Cara menemukan nama warna CSS

  1. 1

    Masukkan warna

    Gunakan kolom teks atau pemilih warna. Format HEX ketat, RGB bilangan bulat, dan HSL persentase diterima.

  2. 2

    Validasi dan normalisasi

    Nilai divalidasi lalu dikonversi ke sRGB, HSL, dan CIELAB dengan titik putih D65.

  3. 3

    Bandingkan nama CSS

    CIEDE2000 membandingkan warna RGB opak dengan semua warna bernama CSS standar.

  4. 4

    Tinjau atau salin

    Bandingkan contoh warna, periksa nilainya, lalu salin hasil.

Arti hasil

CSS memiliki daftar tetap warna bernama seperti tomato, cornflowerblue, dan rebeccapurple. Jika masukan tidak sama persis, pencari menampilkan nama terdekat dan HEX kanonisnya. Alias setara seperti aqua dan cyan ditampilkan bersama.

Perbandingan mengubah sRGB ke CIELAB dengan titik putih D65 lalu memakai CIEDE2000. Nilai 0 berarti RGB cocok persis. HEX pendek dan panjang, rgb()/rgba() bilangan bulat, serta hsl()/hsla() persentase didukung.

Alfa dipertahankan dalam HEX delapan digit, tetapi tidak memengaruhi nama. Alat ini tidak mencari basis Pantone, cat, krayon, atau kamus komunitas dan tidak mengambil sampel gambar. Untuk aksesibilitas, periksa kontras WCAG secara terpisah.

Pertanyaan yang Sering Diajukan

Hanya jika perbedaan CIEDE2000 bernilai 0. Jika tidak, hasilnya adalah warna bernama CSS standar terdekat.

CSS memiliki alias dengan RGB sama, seperti aqua dan cyan. Hasil seri ditampilkan bersama.

Tidak. Alfa tetap ada dalam HEX yang dinormalisasi, tetapi tidak disertakan dalam perbandingan.

Tidak. Gunakan pemeriksa kontras untuk menguji teks dan latar terhadap ambang WCAG.

Alat Terkait