Lainnya
Konverter Kode Warna
Konverter Kode Warna adalah alat untuk mengonversi format HEX, RGB, HSL, HSV, dan OKLCH secara timbal balik. Saat Anda memasukkan satu warna, alat ini langsung menghitung notasi untuk semua format yang sesuai, menampilkannya dalam satu daftar, dan setiap nilai dapat Anda salin hanya dengan satu klik. Mulai dari konversi HEX ke RGB, RGB ke HEX, konversi HSL, hingga konversi RGBA, semua konversi yang dibutuhkan dalam pembuatan web dan desain dapat dilakukan sekaligus.
Konversi ke setiap format
| Format | Nilai | Salin |
|---|---|---|
| HEX | #1E90FF | |
| HEX8 | #1E90FFFF | |
| RGB | rgb(30, 144, 255) | |
| RGBA | rgba(30, 144, 255, 1) | |
| HSL | hsl(210, 100%, 56%) | |
| HSLA | hsla(210, 100%, 56%, 1) | |
| HSV | hsv(210, 88%, 100%) | |
| OKLCH | oklch(0.652 0.19 253) | |
| CMYK | cmyk(88%, 44%, 0%, 0%) |
CMYK adalah nilai referensi untuk pencetakan. Karena bergantung pada gamut dan profil cetak, yang ditampilkan adalah nilai perkiraan yang dihitung dari sRGB layar. CMYK tidak diterima sebagai format input.
Seluruh konversi dilakukan di dalam browser yang Anda gunakan, dan nilai yang Anda masukkan tidak dikirim ke server eksternal.
Alat Terkait
Pembuat Kode QR
Buat kode QR untuk URL, Wi-Fi, email, SMS, telepon, kontak, dan acara. Atur ukuran, warna, logo; QR tanpa kedaluwarsa. Berjalan sepenuhnya di browser Anda.
Undian
Pilih 1–N secara acak dari daftar nama atau rentang angka, dengan mode tanpa pengulangan, animasi gulungan, dan riwayat. Berjalan sepenuhnya di browser Anda.
Timer Pomodoro
Timer Pomodoro online gratis: siklus fokus 25/5 menit, progres melingkar, alarm, layar penuh, dan jendela pop-out. Berjalan sepenuhnya di browser Anda.
Color Picker
Ambil warna dari gambar dan dapatkan kode HEX, RGB, atau HSL. Perbesar dengan loupe untuk akurasi per piksel dan ekspor palet. Gratis, tanpa daftar.
Pemeriksa Kontras
Cek rasio kontras warna terhadap WCAG 2.1/2.2 AA dan AAA, dengan saran warna lulus, simulasi buta warna, dan APCA. Berjalan sepenuhnya di browser Anda.
Konverter Satuan
Konversi satuan panjang, berat, suhu, luas, volume, dan kecepatan — cm ke inci, °C ke °F, kg ke pound, dan lainnya. Berjalan sepenuhnya di browser Anda.
Apa itu alat Konverter Kode Warna?
Konverter Kode Warna adalah alat untuk mengonversi format HEX, RGB, HSL, HSV, dan OKLCH secara timbal balik. Saat Anda memasukkan satu warna, alat ini langsung menghitung notasi untuk semua format yang sesuai, menampilkannya dalam satu daftar, dan setiap nilai dapat Anda salin hanya dengan satu klik. Mulai dari konversi HEX ke RGB, RGB ke HEX, konversi HSL, hingga konversi RGBA, semua konversi yang dibutuhkan dalam pembuatan web dan desain dapat dilakukan sekaligus.
Anda tidak perlu memilih format input. Cukup tempel langsung nilai seperti HEX 3 digit / 6 digit seperti #1E90FF, HEX 4 digit / 8 digit dengan transparansi, rgb(30, 144, 255) / rgba(30 144 255 / 0.8), hsl(210, 100%, 56%) / hsla(...), hsv(...), atau oklch(0.65 0.19 253), maka format akan dideteksi secara otomatis lalu dikonversi. Anda juga dapat memilih warna dari color picker bawaan, maupun menyesuaikan tingkat opasitas pada rentang 0–1 dengan slider transparansi (alpha).
Output juga mencakup OKLCH, ruang warna yang perseptual seragam dan kian banyak dipakai pada CSS belakangan ini, serta nilai referensi CMYK yang digunakan untuk pencetakan. Alat ini berguna ketika Anda ingin meneruskan warna yang sama secara akurat antara mockup desain, CSS, dan alat desain, sambil berpindah-pindah antara HEX, RGB, HSL, dan HSV.
Seluruh konversi dilakukan di dalam browser yang Anda gunakan, dan nilai yang Anda masukkan tidak dikirim ke server eksternal. Dapat langsung dipakai tanpa pendaftaran akun maupun klik iklan.
Cara penggunaan
- Tempel kode warna pada kolom input (HEX, RGB, HSL, HSV, dan OKLCH akan dideteksi otomatis). Anda juga dapat memilih warna dari color picker di sisi kanan.
- Saat ingin mengubah transparansi, sesuaikan tingkat opasitas (0–1) dengan slider alpha.
- Periksa warna saat ini (termasuk transparansi) pada pratinjau.
- Periksa nilai HEX, HEX 8 digit, RGB, RGBA, HSL, HSLA, HSV, OKLCH, dan CMYK dari daftar "Konversi ke setiap format".
- Salin nilai format yang Anda butuhkan dengan tombol "Salin" pada setiap baris untuk digunakan.
Skenario penggunaan
- Desainer web / coder yang ingin mengubah HEX dari mockup desain menjadi rgb() / rgba() pada CSS.
- Front-end engineer yang ingin menentukan warna bertransparansi secara akurat dengan HEX 8 digit atau rgba.
- Pengguna yang ingin menyetel hue, saturasi, dan kecerahan dengan HSL atau HSV, lalu memperoleh HEX akhirnya.
- Desainer yang ingin merancang skema warna perseptual seragam dengan OKLCH sekaligus memeriksa RGB / HEX yang sesuai.
- Pengguna yang ingin memahami warna di layar melalui nilai referensi CMYK sebagai acuan pencetakan.
- Developer yang ingin meneruskan warna yang sama dengan mengonversinya ke format lain di antara berbagai alat atau kode.
Hal yang perlu diperhatikan
- HEX, RGB, HSL, HSV, dan OKLCH diterima sebagai format input. CMYK ditujukan untuk pencetakan serta bergantung pada gamut dan profil warna, dan tidak dapat dikonversi balik secara unik dari sRGB layar, sehingga hanya didukung sebagai output (nilai referensi).
- Mendukung transparansi pada HEX 8 digit (#RRGGBBAA), HEX 4 digit (#RGBA), rgba() / hsla(), serta `oklch(L C H / a)`. Transparansi juga dapat disesuaikan dengan slider alpha.
- Color picker bawaan tidak dapat menangani transparansi (hanya HEX 6 digit), sehingga transparansi saat ini tetap dipertahankan meski Anda memilih warna dengan picker.
- HSL, HSV, CMYK, dan OKLCH ditampilkan dengan pembulatan ke bilangan bulat atau jumlah desimal tertentu, sehingga konversi balik dapat menimbulkan selisih yang sangat kecil.
- Jika konversi dari OKLCH ke RGB melampaui gamut sRGB, hasilnya dibulatkan (clamp) ke rentang yang dapat ditampilkan.