Lewati ke konten
FileTinker
← Semua alat file

Konverter warna

Pilih warna atau ketikkan nilai, dan FileTinker mengonversinya antara HEX, RGB dan HSL secara real-time. Setiap kolom dapat diedit dan setiap nilai siap untuk ditempel ke CSS. Semuanya berjalan di browser Anda.

Konversi antar format

Langsung ke konversi tertentu — masing-masing membuka halamannya sendiri yang siap pakai:

Cara mengonversi warna

  1. Pilih warna dengan sampel warna, atau ketikkan nilai HEX, RGB atau HSL ke kolom mana pun.
  2. Format lainnya diperbarui seketika sambil Anda mengetik.
  3. Salin format yang Anda butuhkan — setiap nilai siap ditempel ke CSS atau alat desain.

Tentang format warna

HEX, RGB dan HSL adalah tiga notasi untuk warna layar yang sama. HEX (seperti #3366ff) ringkas dan umum dipakai dalam markup; RGB menjabarkan kanal merah, hijau dan biru dari 0 hingga 255; HSL menjelaskan rona (hue), saturasi dan kecerahan (lightness), yang intuitif saat Anda ingin menyusun palet atau menyetel suatu corak dengan perasaan. Mengonversi di antara ketiganya adalah pekerjaan sehari-hari dalam desain web dan grafis.

Alat ini menjaga ketiganya tetap selaras saat Anda mengedit salah satunya dan memberi Anda pratinjau langsung plus pemilih warna bawaan. Karena berjalan sepenuhnya di browser Anda, prosesnya seketika dan pribadi — praktis untuk mencocokkan warna merek, menyusun variabel CSS atau mengambil corak secara cepat.

Pertanyaan umum

Bagaimana cara mengonversi HEX ke RGB atau HSL?

Ketik atau tempel nilai HEX (atau pilih warna dengan sampel warna) dan kolom RGB serta HSL akan diperbarui seketika. Setiap kolom bekerja dua arah, jadi Anda bisa mulai dari format mana pun dan membaca format lainnya. Salin yang Anda butuhkan.

Apa perbedaan antara HEX, RGB dan HSL?

Ketiganya menjelaskan warna yang sama dengan cara berbeda. HEX dan RGB sama-sama mengatur kadar merah, hijau dan biru (HEX dalam heksadesimal, RGB dalam angka 0–255). HSL justru menggunakan rona (hue), saturasi dan kecerahan (lightness), yang membuatnya lebih mudah menyesuaikan warna agar lebih terang, lebih gelap atau lebih redup secara manual.

Apakah nilainya siap dipakai di CSS?

Ya. Nilai HEX, rgb(...) dan hsl(...) ditulis persis seperti yang diharapkan CSS, jadi Anda bisa menempel salah satunya langsung ke stylesheet atau alat desain.

Apakah ada yang diunggah?

Tidak. Semua perhitungan konversi berjalan di browser Anda; tidak ada yang dikirim ke mana pun.