Konverter HEX ke Nama Warna

• Pencocokan HEX ke Nama Warna Seketika: konverter menghitung jarak Euclidean antara masukan Anda dan semua 148 nama warna CSS seketika. Hasil diperbarui pada setiap penekanan tombol - menampilkan kecocokan terdekat dengan persentase kemiripan, skor jarak, dan nilai warna. Tanpa tombol apa pun untuk ditekan.
• Persentase Kemiripan & Skor Jarak: setiap hasil menampilkan persentase kemiripan (0-100 %) sekaligus jarak Euclidean (Δ) di ruang RGB. Kemiripan 100 % berarti kecocokan persis. Bilah progres yang diberi kode warna memberi gambaran visual cepat tentang seberapa dekat kecocokannya.
• Pemrosesan 100 % Privat di Browser: semua pencocokan warna terjadi lokal di browser Anda memakai JavaScript. Nilai HEX Anda tidak pernah meninggalkan perangkat dan tidak pernah dikirim ke server mana pun - sepenuhnya aman untuk pekerjaan desain proprietary dan proyek klien.
• Gratis & Tanpa Pendaftaran: gunakan konverter HEX ke nama warna tanpa batas, tanpa pendaftaran, tanpa langganan, dan tanpa batas penggunaan. Alat ini sepenuhnya gratis selamanya dan tanpa iklan yang menghalangi antarmuka.

• Pengembangan CSS dengan Nama Warna: ganti kode HEX yang sulit diingat dengan nama warna CSS semantik. Konverter memberi tahu persis nama warna CSS mana yang cocok dengan token desain Anda, membuat lembar gaya Anda lebih mudah dibaca dan dipelihara.
• Dokumentasi Sistem Desain: saat mendokumentasikan sistem desain, gunakan konverter untuk memberi setiap warna nama CSS yang mudah dibaca. Nama warna lebih mudah dikomunikasikan antar tim dan dapat dipakai langsung di deklarasi CSS.
• Seni Digital & Ilustrasi: seniman dan ilustrator memakai konverter HEX ke nama warna untuk menemukan nama CSS standar bagi warna yang diambil dari gambar referensi. Ini membantu menjaga konsistensi warna di berbagai alat dan platform.
• Aksesibilitas & Komunikasi Warna: spesialis aksesibilitas memakai nama warna untuk mendeskripsikan elemen antarmuka dengan jelas dalam laporan dan dokumentasi. Konverter memberi nama CSS standar untuk warna apa pun, membuat komunikasi dengan pemangku kepentingan lebih tepat.
• Edukasi & Pembelajaran CSS: orang yang belajar CSS memakai konverter untuk memahami warna dunia nyata apa yang diwakili nilai bernama CSS. Masukkan kode HEX apa pun dan lihat nama warna mana yang cocok - cara praktis mempelajari palet nama warna CSS.
• Penulisan Teknis & Tutorial: penulis teknis memakai konverter untuk menemukan nama warna CSS yang benar saat menulis dokumentasi. Memakai nama warna dalam tutorial membuat contoh kode lebih jelas dan mudah dipahami pembaca.

Konversi HEX ke nama warna menerima kode warna heksadesimal (seperti #FF6B6B) dan menemukan nama warna CSS terdekat dari 148 warna yang didefinisikan dalam spesifikasi CSS Color Module Level 4. Alih-alih hanya menampilkan nilai hex, Anda mendapatkan nama yang mudah dibaca seperti «Coral» atau «Tomato» beserta persentase kemiripan yang menunjukkan seberapa dekat kecocokannya. Alat ini menghitung jarak Euclidean antara warna masukan Anda dan setiap nama warna di ruang RGB, mengurutkannya dari yang terdekat ke terjauh, dan menampilkan 6 kecocokan teratas dengan skor kemiripannya.

1. Masukkan Warna HEX Anda: ketik atau tempel nilai HEX (misalnya #FF6B6B atau #F6B). Anda juga bisa memakai contoh pemilih warna bawaan atau mengklik warna contoh mana pun. Semua pemrosesan berjalan lokal di browser Anda - data warna Anda tidak pernah meninggalkan perangkat.
2. Perhitungan Jarak: alat mengonversi masukan Anda dan masing-masing dari 148 nama warna CSS ke nilai RGB dan menghitung jarak Euclidean dengan rumus √((R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)²). Jarak maksimum yang mungkin di ruang RGB sekitar 441,67, yang dipakai untuk menghitung persentase kemiripan: (1 − jarak / 441,67) × 100.
3. Hasil Ditampilkan Seketika: kecocokan terdekat muncul lebih dulu dengan lencana kemiripan yang mencolok dan garis perbandingan warna. Setiap kartu hasil menampilkan jarak (Δ), persentase kemiripan dengan bilah progres berkode warna, serta nilai HEX, RGB, dan HSL - semuanya dapat disalin dengan satu klik.

• 100 % kemiripan (Δ = 0): warna HEX Anda persis cocok dengan salah satu dari 148 nama warna CSS. Kartu menampilkan lencana «Kecocokan Persis» dengan bingkai yang disorot.
• 95-99 % kemiripan (Δ = 1-22): hampir tak bisa dibedakan dari warna bernama tersebut. Kecocokan ini identik secara visual dalam sebagian besar konteks dan aman dipakai secara bergantian.
• 80-94 % kemiripan (Δ = 23-88): kecocokan dekat dengan perbedaan kecil yang masih terlihat. Warna mempertahankan keluarga hue yang sama tetapi mungkin sedikit berbeda dalam kecerahan atau saturasi.
• Di bawah 80 % kemiripan (Δ > 88): perbedaan warna yang nyata. Nama warna tersebut berbagi karakteristik hue yang serupa tetapi memiliki variasi signifikan dalam kecerahan atau saturasi dibandingkan masukan Anda.

Nama warna CSS adalah 148 kata kunci warna yang didefinisikan dalam spesifikasi CSS yang dapat dipakai langsung di lembar gaya (misalnya color: CornflowerBlue). Ini mencakup 16 warna HTML asli ditambah 132 warna tambahan dari CSS2.1 dan CSS Color Module Level 4. Ini satu-satunya nama warna yang bekerja secara native di CSS tanpa pra-pemrosesan atau konversi.

Berbeda dari sistem penamaan warna lain seperti X11 (dipakai di sistem Unix/Linux) atau Pantone (dipakai di percetakan), nama warna CSS dijamin tampil konsisten di semua browser modern. Ini menjadikannya pilihan paling aman untuk pengembangan web. Konverter HEX ke nama warna berfokus secara eksklusif pada 148 kata kunci CSS ini, memastikan setiap kecocokan yang ditampilkan dapat dipakai langsung dalam kode CSS Anda.