Pencari Nama Warna

HEX · nama · warna terdekat

Pencari nama warna

Masukkan kode HEX atau nama warna untuk melihat nama terdekat, nilai RGB/HSL, dan warna serupa dalam satu tampilan.

Input warna

Color picker, kolom HEX, dan pencarian nama warna dibuat dalam satu alur ringkas.

Hasil nama

Nama utama dan nilai yang bisa disalin diletakkan berdekatan.

#3498DB
Tidak ada nama warna yang cocok persis
Lihat warna serupa di bawah untuk nama yang paling dekat.
RGB
rgb(52, 152, 219)
HSL
hsl(204, 70%, 53%)
HEX
#3498DB
Hue204°
Saturasi70%
Kecerahan53%

Warna serupa

Bandingkan kartu warna dari nama yang paling dekat.

Masukkan warna untuk menampilkan warna serupa

Pencarian terbaru

Simpan 12 warna terakhir dalam tampilan kecil agar mudah dibuka lagi.

Belum ada warna yang dicari

Panduan nama warna

Kode HEX bisa dibaca sebagai nama warna, bukan hanya angka

Pencari Nama Warna mengubah nilai warna menjadi informasi yang lebih mudah dipakai: nama warna, nilai RGB dan HSL, serta daftar warna yang mirip. Kamu bisa mulai dari color picker, kode HEX, atau pencarian nama, lalu membaca hasilnya di kartu yang sama.

Tentukan warna dulu, lalu baca nama dan nilainya bersama-sama

Ada tiga cara memulai, tetapi tidak semuanya harus digunakan. Pakai informasi yang sudah kamu punya, lalu salin format yang dibutuhkan dari panel hasil.

  1. Pilih warna atau tempel kode HEX. Nilai lengkap seperti #3498db bisa langsung dipakai, sedangkan nilai pendek seperti #fff akan diperluas menjadi enam digit.
  2. Gunakan pencarian nama jika ingat kata warnanya. Mengetik Tomato, Red, atau nama lain akan membuka saran yang bisa dipilih tanpa memakai color picker.
  3. Bedakan hasil cocok persis dan warna terdekat. Cocok persis berarti nilai HEX ada di daftar warna alat ini. Jika tidak ada, kartu warna serupa menjadi panduan utama.
  4. Salin hanya format yang kamu perlukan. HEX sering dipakai untuk token desain, RGB untuk potongan CSS tertentu, dan HSL untuk membaca atau mengubah tone warna.

HEX, pencarian nama, dan color picker hanya berbeda dari titik awal

HEX adalah format web #RRGGBB. RGB menunjukkan nilai merah, hijau, dan biru. HSL memisahkan hue, saturasi, dan kecerahan, sehingga lebih enak dipakai saat ingin membuat warna lebih terang, lebih redup, atau lebih pekat.

Kode HEX

Pakai ini saat file desain, stylesheet, atau panduan merek sudah memberi kode warna.

Pencarian nama

Pakai ini saat kamu ingat nama warna tetapi tidak ingat kodenya. Alat mencari nama Inggris dan nama lokal yang tersedia di data.

Color picker

Pakai ini saat kamu mengenali warnanya secara visual. Pilih dulu, lalu baca nama dan kodenya.

Nama persis dan nama terdekat menjawab kebutuhan yang berbeda

Nama warna CSS adalah daftar tetap yang dikenali browser. Alat ini juga memuat nama tambahan dari gaya Material dan Flat agar warna yang tidak standar tetap bisa dibandingkan dengan label yang familier. Warna serupa diurutkan memakai jarak RGB berbobot; makin kecil jaraknya, makin dekat nilai warnanya.

Nama persisSaat nilai HEX ada di database
Warna serupaDiurutkan dengan jarak RGB berbobot
Konversi nilaiHEX ↔ RGB/HSL

#ff0000 adalah Red; warna di antaranya perlu dibaca dari kandidat terdekat

Jika kamu memasukkan #ff0000, hasilnya Red (Merah). Di kartu yang sama, kamu bisa menyalin rgb(255, 0, 0), hsl(0, 100%, 50%), dan #FF0000. Untuk merah yang lebih cokelat atau lebih lembut, hasil cocok persis mungkin kosong; mulai baca dari kartu warna serupa nomor 1.

Input#ff0000
Hasil namaRed (Merah)
Nilai salinrgb(255, 0, 0)

Saat tidak ada hasil cocok persis

Itu bukan error. Artinya nilai HEX pilihanmu berada di antara warna bernama yang tersimpan. Bandingkan beberapa kartu teratas dan pilih nama yang paling sesuai dengan bahasa palet proyekmu.

Baca hasil sesuai tujuan: nama, kode, atau nilai penyesuaian

Hasil warna lebih mudah dipakai saat kamu tahu akan ditempel ke mana. Tombol salin dipisah agar kamu tidak perlu mengetik ulang formatnya.

  • Gunakan nama untuk menjelaskan warna. Ini membantu saat membahas palet di pesan, brief, atau review desain.
  • Gunakan HEX untuk token desain dan banyak nilai CSS. Hasil ditampilkan sebagai HEX enam digit dengan huruf besar agar konsisten.
  • Gunakan RGB saat nilai kanal penting. Kamu bisa melihat berapa nilai merah, hijau, dan biru dalam warna layar.
  • Gunakan HSL saat ingin menyesuaikan warna. Hue, saturasi, dan kecerahan lebih mudah dibaca untuk pengaturan warna.
  • Ingat bahwa riwayat tersimpan di browser. Mode privat, blokir penyimpanan, atau penghapusan data situs bisa membuat riwayat kosong.

Pertanyaan yang sering muncul saat mencari nama warna

Apa arti “tidak ada nama warna yang cocok persis”?

Artinya nilai HEX tidak sama persis dengan nama yang tersimpan di alat. Daftar warna serupa tetap berguna; mulai dari kartu pertama lalu cocokkan dengan bahasa palet proyekmu.

Apakah kode HEX 3 digit bisa dipakai?

Bisa. Nilai seperti #fff akan diperluas menjadi #FFFFFF sebelum hasil dihitung dan ditampilkan.

Kapan sebaiknya memakai RGB atau HSL?

Pakai RGB saat kamu perlu angka kanal merah, hijau, dan biru. Pakai HSL saat ingin menyesuaikan hue, saturasi, atau kecerahan.

Mengapa warna terbaru saya hilang?

Warna terbaru disimpan di local storage browser. Mode privat, penyimpanan yang diblokir, atau data situs yang dihapus dapat mengosongkan riwayat.

byROBERIN
Roberin
Developer yang berpengalaman
Saya Roberin, developer berpengalaman yang menciptakan dunia yang lebih baik melalui tools kreatif dan praktis. Teknologi adalah untuk semua orang - mari bersama-sama membangun dunia yang lebih nyaman! 😊
Formulir kontak
Kirim hanya detail yang perlu kami periksa.
Jika perlu balasan, sertakan alamat email. Untuk laporan kesalahan, tuliskan URL halaman, nilai yang dimasukkan, hasil yang diharapkan, dan hasil yang muncul.