Konverter HEX ke LCH untuk Konversi Warna yang Cepat
Konversi warna HEX ke LCH secara instan, atau edit salah satu nilai dan lihat nilai lainnya diperbarui secara langsung. Konverter juga menerima input seperti #abc, rgb(1 2 3 / 50%), dan warna bernama. Pratinjau warna dengan contoh warna, salin baris CSS siap tempel, dan periksa peringatan di luar gamut ketika warna berada di luar sRGB.
Konverter HEX ke LCH mengubah nilai warna menjadi format yang dapat Anda gunakan dalam kode atau teruskan ke alat lain. Masukkan nilai HEX untuk langsung melihat padanannya dalam LCH, atau edit salah satu sisi dan saksikan sisi lainnya diperbarui secara langsung. Contoh warna memudahkan pratinjau nilai saat ini.
Parser bersifat pemaaf: selain input heksadesimal seperti #abc, parser menerima sintaks RGB seperti rgb(1 2 3 / 50%) dan warna bernama. Hasilnya mencakup baris CSS siap tempel. Jika warna berada di luar sRGB, konverter menampilkan peringatan di luar gamut agar Anda dapat mempertimbangkannya saat meninjau hasil.
HEX merepresentasikan warna menggunakan nilai heksadesimal untuk merah, hijau, dan biru. LCH mendeskripsikan warna menggunakan lightness, chroma, dan hue. Mengonversi di antara keduanya berguna ketika sistem atau alur kerja mengharapkan satu format, atau ketika Anda ingin memeriksa bagaimana warna dari satu sumber direpresentasikan dalam format lain. Anda juga dapat menggunakan pengeditan dua arah secara langsung untuk membandingkan nilai tanpa mengetik ulang.
Konversi berjalan sepenuhnya di browser Anda. Input Anda diproses di perangkat Anda dan tidak ada yang diunggah, disimpan, atau dikirim ke server. Tidak perlu mendaftar, dan alat ini berfungsi offline setelah halaman dimuat.
Konverter ini berguna bagi developer dan desainer yang menyiapkan CSS, meninjau nilai warna, atau membagikannya dalam dokumentasi dan code review. Alat ini juga membantu insinyur DevOps dan tim teknis lainnya memindahkan data warna antar alat dan memverifikasi nilai sebelum menggunakannya.
Langkah 1: Masukkan atau tempel nilai warna. HEX adalah input utama, dan parser juga menerima singkatan seperti #abc, sintaks RGB, dan warna bernama.
Langkah 2: Tinjau konversi langsung. Nilai LCH diperbarui saat Anda mengetik, dan mengedit salah satu sisi memperbarui sisi lainnya.
Langkah 3: Periksa contoh warna dan peringatan di luar gamut. Peringatan mengidentifikasi warna yang berada di luar sRGB.
Langkah 4: Salin hasil LCH atau baris CSS siap tempel untuk digunakan dalam kode Anda.
Langkah 5: Sesuaikan opsi yang tersedia jika diperlukan, lalu periksa hasil yang diperbarui.
Kasus penggunaan: Pindahkan warna heksadesimal ke sistem yang hanya menerima LCH. Konversi langsung memberi Anda nilai untuk disalin tanpa menghitungnya secara manual.
Kasus penggunaan: Periksa apakah nilai LCH cocok dengan aslinya yang heksadesimal. Edit salah satu sisi dan bandingkan nilai yang diperbarui beserta contoh warnanya.
Kasus penggunaan: Siapkan cuplikan warna untuk dokumentasi, tiket, atau pesan commit. Salin hasilnya sebagai baris CSS siap tempel.
Kasus penggunaan: Periksa kewarasan konversi warna sebelum menambahkannya ke kode. Contoh warna membantu Anda melihat pratinjau warna, dan peringatan di luar gamut menandai warna di luar sRGB.
Kasus penggunaan: Jelajahi bagaimana warna direpresentasikan dalam HEX dan LCH sambil mengedit salah satu nilai. Sisi lainnya diperbarui secara langsung, sehingga mudah membandingkan kedua format.
Kasus penggunaan: Tinjau nilai warna yang dibagikan rekan tim atau diterima dari alat lain. Parser yang pemaaf menerima HEX, sintaks RGB, dan warna bernama.