Pencari nama warna terdekat dari kode HEX
Masukkan kode HEX atau pilih warna untuk melihat nama terdekat beserta nilai RGB dan HSL di panel hasil.
Input
Hasil dicari dari daftar 156 entri dan diberi label CSS Standard atau Extended.
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.
Membedakan hasil CSS Standard dan Extended pada pencari nama warna
Pencari nama warna membandingkan kode HEX dengan 156 entri milik alat ini dan menampilkan yang paling dekat. Daftar bawaannya berisi 130 nilai berlabel CSS Standard dan 26 alias Extended.
Nama tetap dalam bahasa Inggris. Hasil CSS Standard dapat dipakai sebagai kata kunci stylesheet, sedangkan Extended hanya alias referensi dan perlu disimpan bersama nilai HEX.
Nama terdekat dipilih melalui jarak warna.
Pencari menghitung √(2ΔR² + 4ΔG² + 3ΔB²) antara input dan setiap kandidat RGB lalu memilih nilai terkecil. Ini bukan ΔE perseptual pada ruang warna seragam.
- 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.
Label CSS Standard dan Extended berbeda.
Daftar bawaan alat ini berisi 130 nilai berlabel CSS Standard dan 26 alias Extended. Hanya label CSS Standard yang menjadi kata kunci warna browser.
- Gunakan hanya nama berlabel CSS Standard sebagai kata kunci CSS.
- Simpan hasil Extended bersama nilai HEX-nya.
- Nama bukan spesifikasi warna resmi atau penilaian mutu.
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.
Hasil nama warna memiliki batas yang jelas.
Hasil hanyalah entri terdekat dalam daftar tetap 156 nama milik alat ini, bukan nama warna universal atau tersertifikasi. Daftar atau metode lain dapat memberi nama berbeda; untuk cetak, merek, dan aksesibilitas, gunakan spesifikasi nyata serta pemeriksaan terpisah.
FAQ
Bagaimana warna terdekat dipilih?
Alat menghitung √(2ΔR² + 4ΔG² + 3ΔB²) lalu memilih jarak terkecil dari 156 entri.
Bagaimana bila tidak ada nama yang tepat?
Saat nilai tidak ada di daftar, nama terdekat beserta nilai HEX, RGB, dan HSL warna input tetap ditampilkan.
Apakah semua hasil merupakan nama warna standar CSS?
Tidak. Alat ini memuat 130 nilai berlabel CSS Standard dan 26 alias Extended. Hanya CSS Standard yang dapat dipakai sebagai kata kunci warna CSS.
Bisakah saya memasukkan HEX tiga digit?
Bisa. Nilai seperti #ABC mengulang setiap digit dan menjadi #AABBCC.
Di mana warna terbaru disimpan?
Entri terbaru hanya disimpan di localStorage browser ini dan dapat dihapus dengan tombol Hapus.
Apa arti chip warna serupa?
Chip menampilkan sepuluh entri terdekat dengan jarak RGB berbobot yang sama. Hasil ini tidak menjamin kemiripan perseptual atau kesesuaian.
Apakah nama warna membuktikan kontras yang aksesibel?
Tidak. Periksa rasio kontras nyata antara teks dan latar secara terpisah.
Bolehkah nama hasil dipakai untuk cetak atau persetujuan merek?
Jangan dijadikan acuan akhir. Hasilnya perkiraan dari daftar tetap; ikuti spesifikasi resmi merek atau alur cetak terkalibrasi.