Konverter Warna

Apa itu Konverter Warna?

Color Converter adalah konverter warna HEX ke RGB ke HSL gratis dan online untuk pengembang dan desainer. Ketik warna dalam notasi apa pun — HEX (#rrggbb atau bentuk singkat #rgb), RGB (seperti "255, 100, 0" atau "rgb(255 100 0)"), atau HSL (seperti "220, 91%, 64%") — dan setiap format lainnya diperbarui secara instan di samping sampel pratinjau langsung berukuran besar. Pemilih warna bawaan memungkinkan Anda memilih corak secara visual, dan setiap nilai memiliki tombol salin sekali klik, sehingga praktis kapan pun Anda perlu mencocokkan warna merek atau mengonversi nilai warna CSS antara kode dan alat desain.

Cara menggunakan Konverter Warna

1. Ketik atau tempel warna ke bidang HEX, RGB, atau HSL, atau klik sampel pemilih warna untuk memilih corak secara visual.
2. Perhatikan dua bidang lainnya dan sampel pratinjau berukuran besar diperbarui secara instan untuk menampilkan warna yang sama.
3. Baca ubin ringkasan R / G / B, H / S / L, dan HEX di bawah untuk melihat nilai setiap kanal yang dikonversi.
4. Klik tombol salin di samping bidang untuk menyalin nilainya: HEX menyalin string #rrggbb, sedangkan RGB dan HSL menyalin string rgb(...) dan hsl(...) yang siap pakai.
5. Jika sebuah nilai ditolak, periksa kesalahan sebaris dan masukkan kembali dalam format yang ditunjukkan oleh petunjuk bidang.

Contoh

#ff6400

RGB 255, 100, 0 / HSL 24, 100%, 50%

#fff

HEX #ffffff / RGB 255, 255, 255 / HSL 0, 0%, 100%

Pertanyaan yang sering diajukan

Format warna apa saja yang didukung konverter ini?

Konverter ini mengonversi antara tiga format: HEX (#rrggbb lengkap dan bentuk singkat #rgb), RGB (0-255 per kanal), dan HSL (rona dalam derajat, saturasi dan kecerahan dalam persen). Saat ini tidak menangani alfa/opasitas, HSV, CMYK, atau nama warna CSS.

Mengapa warna saya menampilkan kesalahan "Invalid HEX color", "Invalid RGB color", atau "Invalid HSL color"?

Nilai tersebut tidak sesuai dengan format yang diharapkan atau di luar rentang. HEX harus 3 atau 6 digit heksadesimal, kanal RGB harus 0-255, dan saturasi serta kecerahan HSL harus 0-100%. Masukkan kembali mengikuti petunjuk di bawah bidang tersebut.

Bisakah saya menempel nilai CSS lengkap seperti rgb(255 100 0)?

Ya. Bidang RGB dan HSL hanya menarik angka dari teks, jadi baik "255, 100, 0" maupun "rgb(255 100 0)" sama-sama berfungsi, dan tombol salin menghasilkan string rgb(...) dan hsl(...) yang siap pakai.

Apakah nilai yang dikonversi dibulatkan?

Ya. Kanal RGB dan nilai HSL dibulatkan ke bilangan bulat, sehingga konversi bolak-balik dapat berbeda satu unit dari aslinya. Keluaran HEX selalu dua digit per kanal (#rrggbb).

Apakah data warna saya diunggah ke suatu tempat?

Tidak. Seluruh konversi berjalan secara lokal di browser Anda dengan JavaScript — tidak ada yang dikirim ke server dan tidak ada nilai warna yang diunggah, sehingga bekerja secara pribadi dan bahkan offline setelah halaman dimuat.