Konverter Warna

Konversi warna antara HEX, RGB, dan HSL dengan pratinjau langsung.

Ruang kerja interaktifPerubahan tetap ada di perangkat ini
Warna HEX, RGB, atau HSL
Pribadi secara defaultMasukan dan file Anda diproses di perangkat ini.
Gratis dan instanTidak diperlukan akun, antrian, atau instalasi perangkat lunak.
Siap digunakanSalin atau unduh hasilnya segera setelah dibuat.

Cara menggunakan Konverter Warna

Dapatkan hasil yang andal dalam tiga langkah mudah.

  1. 01

    Masukkan atau pilih warna

    Gunakan HEX, RGB, HSL, atau pemilih warna visual.

  2. 02

    Tinjau setiap format

    Nilai HEX, RGB, dan HSL yang setara diperbarui secara bersamaan.

  3. 03

    Salin apa yang Anda butuhkan

    Klik baris keluaran mana pun untuk menyalinnya ke lembar gaya atau file desain Anda.

Dibangun untuk pekerjaan sehari-hari

Berguna tanpa kesibukan

Kontrol terfokus, umpan balik langsung, dan tidak ada pertanggungjawaban antara Anda dan hasilnya.

Pratinjau langsung

Konfirmasikan warna yang terlihat saat mengedit nilainya.

Format CSS umum

Beralih dengan rapi antara format yang digunakan oleh browser dan alat desain.

Menyalin satu klik

Setiap hasil yang dinormalisasi siap ditempel.

Panduan praktis

Apa itu Konverter Warna?

Konverter warna mengekspresikan warna tampak yang sama dalam sistem notasi berbeda. HEX umum digunakan dalam handoff desain, RGB mencerminkan saluran warna layar, dan HSL menjelaskan rona, saturasi, dan kecerahan.

Mengubah notasi tidak mengubah warna yang diinginkan. Perbedaan kecil mungkin terjadi ketika nilai berbasis persentase dibulatkan agar keluaran dapat dibaca.

Aplikasi praktis

Kapan menggunakan alat ini

Cara umum Konverter Warna cocok dengan proyek nyata dan tugas sehari-hari.

1

Penulisan CSS

Ubah nilai HEX desain menjadi deklarasi RGB atau HSL.

2

Sistem desain

Normalisasikan token yang diterima dalam format warna campuran.

3

Penyetelan tema

Gunakan HSL untuk menyesuaikan kecerahan atau saturasi secara sistematis.

4

Jaminan kualitas

Verifikasi bahwa dua nilai tertulis yang berbeda mewakili warna yang sama.

Teruslah bekerja

Utilitas terkait

Lanjutkan dengan alat browser terfokus lainnya.

Utilitas font

Pembuat Font Web

Kemas file font dengan CSS siap pakai dan halaman pratinjau HTML.

Buka alat Utilitas konten

Generator Lorem Ipsum

Hasilkan paragraf, kalimat, atau kata pengganti untuk tata letak Anda berikutnya.

Buka alat Utilitas teks

Konverter Kasus

Ubah teks menjadi huruf besar, huruf judul, camelCase, ular_case, dan banyak lagi.

Buka alat
Pemformat JSONFormat dan validasi JSONCSV ke JSONKonversi data terstrukturKonverter Base64Mengkodekan dan mendekode Base64Lorem IpsumHasilkan salinan placeholderKonverter KasusUbah casing teksPembuat Kata SandiBuat kata sandi yang amanTeks UnicodePeriksa karakter UnicodePenghitung KataAnalisis teks dan kata kunciPemeriksa PerbedaanBandingkan teks baris demi barisPembuat Enkode URLMenyandikan dan mendekode URLPembuat HashHasilkan hash yang amanPenguji RegexUji ekspresi regulerPembuat Font WebBuat bundel font webPembongkar TTCEkstrak file font TTC
Jawaban yang bermanfaat

Pertanyaan yang sering diajukan

Jawaban cepat tentang konverter warna dan cara kerja halaman ini.

Apakah mengubah HEX ke RGB mengubah warna?

Tidak. Kedua notasi tersebut menggambarkan nilai saluran merah, hijau, dan biru yang sama.

Apa kegunaan HSL?

HSL membuat rona, intensitas warna, dan kecerahan lebih mudah disesuaikan secara mandiri.

Apakah nilai alfa didukung?

Konverter saat ini berfokus pada warna HEX, RGB, dan HSL buram.

Mengapa beberapa nilai HSL dibulatkan?

Nilai persentase dan rona dibulatkan agar keluaran CSS dapat dibaca.