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.

Loading…

How to use this tool

  1. 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. 2

    Tambahkan konten

    Masukkan atau unggah data yang diminta panel, lalu sesuaikan opsi yang tersedia.

  3. 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

  1. HEX, RGB, HSL, dukungan alpha, color picker native, preview langsung, salin CSS sekali klik.
  2. Bisa offline?: Ya — setelah halaman dimuat, perhitungan hanya di browser Anda.
  3. CMYK atau Pantone?: Tidak — hanya sRGB. Untuk cetak, ekspor dari aplikasi desain dengan profil ICC.
  4. Apakah data diunggah?: Tidak. Safe Local Tools statis; warna tidak meninggalkan tab ini.
  5. 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.