Konverter HEX ke OKLCH: Edit Warna Langsung Online
Konverter HEX ke OKLCH ini memperbarui nilai warna secara langsung saat Anda mengedit salah satu sisi. Masukkan warna HEX atau gunakan input yang didukung seperti HEX pendek, RGB, dan warna bernama. Lihat contoh warna, salin baris CSS siap tempel, dan periksa peringatan di luar gamut saat warna berada di luar sRGB.
Konverter HEX ke OKLCH mengubah nilai warna menjadi format yang dapat Anda gunakan dalam CSS dan pekerjaan pengembangan lainnya. Masukkan warna HEX untuk melihat nilai OKLCH-nya, atau edit salah satu sisi dan lihat sisi lainnya diperbarui secara langsung. Contoh warna membantu Anda meninjau warna, dan alat menyediakan baris CSS siap tempel.
Pengurai menerima nilai heksadesimal, termasuk bentuk pendek seperti #abc, serta input RGB seperti rgb(1 2 3 / 50%) dan warna bernama. Konverter menampilkan peringatan saat warna berada di luar sRGB. Input yang didukung ini membuatnya berguna saat nilai warna diberikan dalam bentuk berbeda dari yang Anda butuhkan.
HEX umumnya merepresentasikan warna menggunakan nilai kanal heksadesimal, sedangkan OKLCH menyatakan warna menggunakan kecerahan, chroma, dan hue. Beralih di antara keduanya dapat membantu saat proyek atau alur kerja membutuhkan OKLCH, bukan HEX. Pengeditan dua arah secara langsung juga memungkinkan Anda memeriksa nilai dengan mengubah salah satu format dan melihat hasil yang diperbarui.
Konverter berjalan sepenuhnya di browser Anda: input Anda diproses di perangkat Anda dan tidak dikirim ke server. Ia gratis, tanpa perlu mendaftar, dan berfungsi offline setelah halaman dimuat. Developer dan insinyur DevOps dapat menggunakannya untuk memeriksa, menyiapkan, dan menyalin nilai warna tanpa mengirimnya ke layanan online.
Langkah 1: Masukkan warna HEX, seperti #abc, atau nilai warna lain yang didukung seperti RGB atau warna bernama.
Langkah 2: Edit input atau nilai OKLCH untuk melihat sisi lainnya diperbarui secara langsung.
Langkah 3: Periksa contoh warna untuk meninjau warna secara visual dan cari peringatan di luar gamut.
Langkah 4: Salin baris CSS siap tempel dan gunakan dalam kode atau dokumentasi Anda.
Kasus penggunaan: Mengonversi warna HEX ke OKLCH saat sistem desain atau stylesheet mengharapkan nilai OKLCH.
Kasus penggunaan: Memeriksa apakah nilai OKLCH cocok dengan warna HEX yang diberikan dengan membandingkan nilai langsung dan contoh warnanya.
Kasus penggunaan: Menyiapkan cuplikan warna HEX dan OKLCH untuk dokumentasi, tiket, atau pesan commit.
Kasus penggunaan: Memeriksa kewajaran konversi warna sebelum menambahkan hasilnya ke kode.
Kasus penggunaan: Meninjau apakah warna berada di luar sRGB dengan memeriksa peringatan di luar gamut konverter.
Kasus penggunaan: Mengedit nilai warna dalam salah satu format dan melihat nilai yang sesuai diperbarui secara langsung saat bekerja dengan CSS.