Konverter Nama Warna ke HEX dengan Pratinjau Langsung
Ubah nama warna atau nilai warna yang didukung ke HEX, lalu edit salah satu sisi untuk memperbarui sisi lainnya secara langsung. Konverter menerima nama warna, nilai heksadesimal pendek seperti #abc, dan sintaks RGB seperti rgb(1 2 3 / 50%). Lihat pratinjau warna dengan contoh warna, salin baris CSS yang siap ditempel, dan periksa peringatan di luar gamut saat warna berada di luar sRGB.
Nama Warna ke HEX adalah konverter berbasis browser untuk mengubah nama warna dan nilai warna lain yang didukung menjadi heksadesimal. Masukkan nilai untuk melihat hasil HEX, atau edit salah satu sisi konverter dan lihat sisi lainnya diperbarui secara langsung. Contoh warna memberikan pratinjau visual, dan Anda dapat menyalin baris CSS yang siap ditempel.
Parser menerima nama warna, input heksadesimal pendek seperti #abc, dan notasi RGB seperti rgb(1 2 3 / 50%). Halaman ini juga menyediakan opsi yang dapat Anda sesuaikan. Saat warna berada di luar sRGB, alat menampilkan peringatan di luar gamut agar Anda menyadari kondisi tersebut saat meninjau hasilnya.
Nama warna dan nilai RGB mengekspresikan warna secara berbeda dari notasi heksadesimal. Konversi di antara keduanya berguna ketika Anda perlu mencocokkan nilai dengan basis kode, mendokumentasikan warna, atau meneruskannya ke sistem yang mengharapkan HEX. Pengeditan dua arah secara langsung memungkinkan Anda mengubah salah satu nilai dan membandingkan hasilnya, sementara contoh warna membantu Anda memeriksa tampilannya.
Konverter berjalan sepenuhnya di browser Anda. Input Anda diproses di perangkat Anda dan tidak diunggah, disimpan, atau dikirim ke server; setelah halaman dimuat, konversi juga berfungsi offline. Alat ini gratis, sehingga berguna bagi developer dan DevOps engineer yang membutuhkan pemeriksaan warna cepat tanpa bergantung pada koneksi server.
Langkah 1: Masukkan atau tempel nilai warna, seperti nama warna, #abc, atau rgb(1 2 3 / 50%).
Langkah 2: Edit sisi Nama Warna atau HEX; sisi lainnya diperbarui secara langsung saat Anda mengubahnya.
Langkah 3: Tinjau contoh warna untuk melihat warnanya dan periksa apakah alat menampilkan peringatan di luar gamut.
Langkah 4: Salin hasil heksadesimal atau baris CSS siap tempel untuk digunakan dalam kode Anda.
Kasus penggunaan: Pindahkan nilai warna ke sistem yang menerima heksadesimal, bukan nama warna atau notasi aslinya.
Kasus penggunaan: Pastikan nilai HEX yang Anda terima cocok dengan warna aslinya sebelum menggunakannya dalam antarmuka.
Kasus penggunaan: Siapkan potongan warna untuk dokumentasi, tiket, atau pesan commit, dengan baris CSS yang siap disalin.
Kasus penggunaan: Periksa ulang konversi warna sebelum menempelkan hasilnya ke kode aplikasi.
Kasus penggunaan: Bandingkan nama warna dengan nilai heksadesimalnya sambil menyesuaikan salah satu sisi di editor langsung.
Kasus penggunaan: Periksa apakah warna berada di luar sRGB sebelum membagikan atau menggunakan hasil konversi.