Pencari Nama Warna
Masukkan kode HEX atau pilih warna untuk melihat nama standar terdekat serta nilai RGB dan HSL secara langsung.
Input
Nama warna ditampilkan sebagai nama standar CSS/W3C berbahasa Inggris.
Hasil
- HEX
- #3498DB
- RGB
- HSL
langsung bisa dipakai.
- Terlihat sejak awalArea input dan hasil dibuat jelas.
- Hasil lebih duluAngka utama ditaruh di depan, detail mengikuti seperlunya.
- Tidak banyak syaratTanpa akun atau data tambahan sebelum memakai alat.
Membaca nilai warna bersama namanya
Warna lebih mudah diteruskan ketika kodenya ikut dicatat bersama kesan visualnya. Alat ini membandingkan warna yang dimasukkan dengan daftar bernama lalu mengembalikan entri terdekat.
Nama pada hasil adalah nama standar CSS/W3C berbahasa Inggris, bukan label terjemahan. Nama itu menjadi istilah bersama untuk stylesheet, catatan desain, atau percakapan teknis.
Nama terdekat dipilih melalui jarak warna.
Pencari membandingkan selisih kanal RGB antara input dan setiap entri bernama. Bila tidak ada nilai yang sama persis, kandidat dengan jarak terkecil ditampilkan.
- Selisih merah, hijau, dan biru dibaca bersama.
- Hasil dekat bukan jaminan warna identik.
- Chip kandidat membantu memeriksa nilai di sekitarnya.
HEX menyimpan tingkat cahaya dalam enam digit.
Setiap dua digit HEX mewakili merah, hijau, lalu biru dari 00 sampai FF. Pada #3498DB, 34, 98, dan DB adalah tingkat tiga kanalnya.
- Pertahankan # saat menempel ke CSS.
- 00 berarti kanal tidak memancarkan cahaya.
- FF berarti intensitas kanal penuh.
RGB dan HSL menjelaskan warna yang sama dari sisi lain.
RGB adalah tiga nilai cahaya layar, sedangkan HSL menyusun hasil menurut posisi roda, kejenuhan, dan kecerahan.
- RGB cocok untuk membandingkan nilai piksel.
- HSL memudahkan penyesuaian nada.
- Kedua notasi dapat menunjuk warna tampilan yang sama.
Hue dan lightness menunjukkan arah penyesuaian.
Hue adalah sudut pada roda warna, sedangkan lightness menempatkan warna di antara hitam dan putih. Menurunkan saturasi mempertahankan hue tetapi mendekatkannya ke abu-abu.
- Hue dekat 0 derajat berada pada keluarga merah.
- Lightness 50% berada di tengah dua ujung.
- Saturasi dan kecerahan adalah ukuran berbeda.
Nama CSS/W3C tetap berbahasa Inggris.
Spesifikasi dan kode menetapkannya sebagai pengenal Inggris sehingga alat tidak menerjemahkannya. Catatan desain, browser, dan stylesheet pun memakai ejaan yang sama.
- Nama standar dapat dipakai langsung dalam CSS.
- Pisahkan alias merek dari nama standar.
- Nama hasil bukan penilaian mutu warna.
Chip serupa membuat perbandingan lebih jelas.
Jangan langsung memilih hasil pertama; bandingkan swatch dan HEX pada chip. Di samping latar yang dituju, kandidat tetangga mungkin terasa lebih tepat.
- Klik chip untuk memuat nilainya.
- Bandingkan lightness kandidat berdekatan.
- Salin nilai akhir ke catatan kerja.
Riwayat hanya berada di browser ini.
Warna yang dibuka disimpan pada penyimpanan lokal perangkat agar dapat dipanggil lagi. Bersihkan daftar setelah memakai perangkat bersama.
Kontras aksesibel bergantung pada pasangan warna.
Nama seperti Blue atau Gray tidak membuktikan teks mudah dibaca. Uji nilai latar depan dan latar belakang yang sebenarnya dengan pemeriksa kontras terpisah.
Kesalahan umum berasal dari format kecil.
HEX tiga digit adalah singkatan yang menggandakan setiap karakter, sedangkan # yang hilang dapat dibaca sebagai teks oleh CSS. Periksa kembali hasil enam digit setelah menempel.
Serah-terima praktis mencantumkan nilai.
Untuk biru merek, cari #3498DB lalu tulis “latar tombol: #3498DB” bersama nama kandidatnya. Pengembang dapat membuat ulang keputusan itu tanpa menebak.
FAQ
Bagaimana warna terdekat dipilih?
Alat menghitung jarak berbobot pada kanal RGB lalu memilih entri terdekat dari daftar bernama.
Bagaimana bila tidak ada nama yang tepat?
Saat nilai tidak ada di daftar, nama terdekat beserta nilainya tetap ditampilkan.
Di mana warna terbaru disimpan?
Entri terbaru hanya disimpan di localStorage browser ini dan dapat dihapus dengan tombol Hapus.
Apakah nama warna membuktikan kontras yang aksesibel?
Tidak. Periksa rasio kontras nyata antara teks dan latar secara terpisah.