Gratis Konverter warna
Pilih warna lewat kotak atau pemilih sistem, ketik HEX (dengan atau tanpa #), atau tempel rgb()/hsl(). RGB 0–255; HSL hue 0–360° dan saturasi/terang 0–100%. Opasitas 0–100% muncul di rgba()/hsla() dan HEX 8 digit jika tidak opak. Ruang warna sRGB — bukan CMYK atau Display P3. Tidak ada data yang keluar dari tab ini.
How to use this tool
- 1
Buka Konverter warna
Pastikan dulu alat ini cocok untuk tugas Anda: HEX, RGB, HSL, dukungan alpha, color picker native, preview langsung, salin CSS sekali klik.
- 2
Tambahkan konten
Masukkan atau unggah data yang diminta panel, lalu sesuaikan opsi yang tersedia.
- 3
Gunakan hasilnya
Periksa pratinjau, lalu salin atau unduh hasil saat sudah benar.
Fakta singkat
| Bisa offline? | Ya — setelah halaman dimuat, perhitungan hanya di browser Anda. |
|---|---|
| CMYK atau Pantone? | Tidak — hanya sRGB. Untuk cetak, ekspor dari aplikasi desain dengan profil ICC. |
| Apakah data diunggah? | Tidak. Safe Local Tools statis; warna tidak meninggalkan tab ini. |
| Gamut lebar (P3)? | Masukan dan keluaran diperlakukan sebagai sRGB. Hex khusus P3 tidak dimodelkan. |
Top use cases
- HEX, RGB, HSL, dukungan alpha, color picker native, preview langsung, salin CSS sekali klik.
- Bisa offline?: Ya — setelah halaman dimuat, perhitungan hanya di browser Anda.
- CMYK atau Pantone?: Tidak — hanya sRGB. Untuk cetak, ekspor dari aplikasi desain dengan profil ICC.
- Apakah data diunggah?: Tidak. Safe Local Tools statis; warna tidak meninggalkan tab ini.
- Gamut lebar (P3)?: Masukan dan keluaran diperlakukan sebagai sRGB. Hex khusus P3 tidak dimodelkan.
FAQ
Mengapa kolom HEX tidak sama persis dengan yang saya ketik?▾
Jika nilai berhasil diurai, RGB/HSL dan salinan mencerminkan warna itu. Saat blur, teks tidak valid diganti dengan HEX terakhir yang valid.
Bisakah ada spasi di rgb()?▾
Gunakan bentuk berkoma: rgb(10, 20, 30). Spasi ekstra di sekitar angka diperbolehkan.
Apakah mengubah H di HSL selalu mempertahankan HEX yang sama?▾
Hue bersifat siklis (0° dan 360° setara). Perbedaan pembulatan kecil bisa muncul saat beralih antara bilangan bulat RGB dan HSL.
Bagaimana dengan palet ramah buta warna?▾
Halaman ini hanya mengonversi satu warna. Gunakan generator palet khusus untuk aksesibilitas warna.
HSL tanpa tanda %?▾
Nilai saturasi dan kecerahan harus memakai % seperti di CSS, misalnya hsl(200, 50%, 40%).
Apakah warna yang dipilih dikirim?▾
Tidak — pemilih dan input hanya memperbarui status lokal di browser.