Lewati ke konten utama
eyunzhu

Konverter warna

Konversi HEX, RGB, dan HSL beserta transparansi, lihat contoh warna, dan salin nilai CSS.

Ubah nilai HEX, RGB, atau HSL. Format lain dan pratinjau akan ikut diperbarui.

100%
Diproses di browser ini. Tidak ada data yang diunggah atau disimpan.

Tentang alat ini

Pindahkan warna desain ke CSS dari format yang tersedia. Pemrosesan memakai sRGB, tanpa konversi CMYK atau tinta khusus cetak.

Cara menggunakan

Masukkan warna atau gunakan pemilih warna, lalu atur opasitas. Mendukung HEX 3, 4, 6, dan 8 digit serta RGB/HSL dengan alfa. Kanal RGB memakai 0–255 atau persen; saturasi dan kecerahan HSL memakai persen. Nilai di luar batas ditolak. CMYK dan ruang warna gamut lebar tidak dikonversi.

HEX, RGB, dan HSL memiliki kolom edit masing-masing. Mengubah satu kolom langsung memperbarui lainnya tanpa menulis ulang teks atau memindahkan kursor kolom aktif. Nilai belum lengkap atau tidak valid ditandai; penyalinan dinonaktifkan sampai diperbaiki.

Pertanyaan umum

Di mana posisi alpha dalam HEX delapan digit?

CSS memakai #RRGGBBAA; dua digit terakhir adalah alpha. Urutan ini berbeda dari ARGB pada beberapa aplikasi. RGB dan HSL juga dapat menyertakan transparansi.

Format warna CSS apa yang dapat dimasukkan?

Format modern seperti rgb(255 0 0 / 50%) dan hsl(0 100% 50%) didukung. Format lama dengan koma juga boleh, tetapi jangan mencampurnya dengan sintaks garis miring. Nama warna dan CMYK tidak didukung.

Mengapa transparansi 50% sedikit berubah setelah menjadi HEX?

Kanal alfa HEX hanya memiliki 256 tingkat. Nilai 0,5 dibulatkan menjadi 80, yang tepatnya berarti 128/255. Gunakan keluaran RGB atau HSL jika ingin mempertahankan alfa desimal, bukan HEX delapan digit.

Komentar

0
untuk bergabung dalam diskusi.
Belum ada komentar.
Utas balasan

Ikuti seluruh percakapan secara kronologis; setiap balasan menunjukkan pesan tertentu yang dijawab.