Cara menggunakan Konverter OKLCH ke HEX
- Tempel warnamu, misalnya
oklch(62.8% 0.2577 29.23). - Periksa catatan gamut di bawah hasil.
- Salin nilai HEX untuk cadangan atau alat desainmu.
Kapan kamu perlu OKLCH ke HEX?
Beberapa alat, klien email, dan browser lama tidak membaca OKLCH. Nilai HEX bisa jadi cadangan yang aman:
color: #e83a2e;
color: oklch(62.8% 0.2577 29.23);Browser memakai nilai terakhir yang mereka pahami, jadi browser lama tetap memakai HEX.
Apa arti “di luar gamut”?
OKLCH bisa menggambarkan warna yang sangat cerah dan tidak bisa disimpan dalam HEX. Ketika itu terjadi, nilai HEX adalah warna terdekat yang tersedia, sehingga di layar gamut lebar warnanya mungkin terlihat sedikit lebih redup.
Juga dicari sebagai: oklch ke hex, konversi oklch ke hex, oklch ke rgb.
Tool yang cocok dipakai bersama Konverter OKLCH ke HEX
- Konverter OKLCH — Jelajahi ruang warna OKLCH yang seragam secara persepsi dengan slider langsung, cek apakah warna masuk ke sRGB, dan salin fallback HEX, RGB, dan HSL yang sesuai.
- Konverter HEX ke OKLCH — Tempel warna HEX dan dapatkan nilai OKLCH-nya untuk CSS.
- Konverter Warna — Tempel warna CSS apa pun — HEX, rgb(), hsl(), hwb(), oklch(), atau nama seperti tomato — dan langsung dapatkan format lainnya, plus palet siap pakai 50–950.
- Konverter HEX ke RGBA — Tempel kode HEX, geser slider opacity, lalu salin CSS yang kamu butuhkan: rgba() klasik, rgb( / alpha) modern, atau HEX 8 digit.
Pertanyaan yang sering diajukan
Kenapa warna HEX-ku terlihat berbeda?
Warna OKLCH mungkin berada di luar sRGB, sehingga HEX menampilkan warna terdekat yang bisa ia wakili.
Bisakah saya memakai OKLCH di Figma?
Dukungannya bergantung pada versi dan plugin yang kamu pakai. HEX adalah cara paling aman untuk memindahkan warna ke alat desain.
Apakah data saya diunggah?
Tidak. Semuanya berjalan di browser kamu.
Bisakah saya memasang Konverter OKLCH ke HEX sebagai aplikasi web dan memakainya offline?
Bisa. Konverter OKLCH ke HEX adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.