Input
Menyiapkan ruang kerja Anda…
Cara menggunakan
- Masukkan HEX, RGB, HSL atau nama warna CSS.
- Periksa pratinjau warna dan hasil konversi.
- Salin HEX, RGB atau HSL melalui tombol Salin masing-masing.
Satu warna, tiga format CSS
Design token dapat berupa HEX, sedangkan stylesheet memakai RGB atau HSL. Mengubah notasinya memungkinkan warna yang sama dipakai kembali tanpa memilih warna baru.
Pratinjau warna dan ketiga hasil diperbarui bersamaan. Nama warna seperti rebeccapurple juga dapat diubah menjadi nilai CSS numerik.
Memilih notasi
HEX ringkas untuk design token; RGB menampilkan kanal merah, hijau dan biru; HSL memisahkan hue, saturasi dan kecerahan. Ketiganya menjelaskan warna, bukan format gambar yang berbeda.
Notasi HEX pendek maupun panjang diterima. Kanal alpha dapat dimasukkan melalui sintaks HEX, RGB atau HSL yang didukung.
#2563ebrgb(37, 99, 235)Warna sRGB opak yang sama dalam notasi HEX dan RGB.
Transparansi dan presisi
Warna transparan mempertahankan kanal alpha pada hasil konversi. Tampilannya tetap dipengaruhi latar belakang.
Konverter memakai nilai sRGB dan membulatkan notasi yang ditampilkan. Konversi gamut lebar untuk Lab, OKLCH atau fungsi CSS color() tidak tersedia.
Menggunakan hasil konversi
Tombol salin mengekspor nilai warna, bukan deklarasi properti lengkap. Gunakan pada color, background-color, border-color atau definisi design token sesuai kebutuhan.
Input teks hingga 1 MiB. Transformasi CSS dan HTML berjalan dalam worker dengan batas 30 detik. Alat warna menggunakan sRGB; gaya yang dihasilkan merupakan pratinjau dan perlu diuji dalam tata letak Anda sendiri.
Pertanyaan umum
Format warna apa yang dapat dimasukkan?
Gunakan nilai HEX, RGB atau HSL yang didukung, atau nama warna CSS. Sintaks yang tidak didukung menghasilkan pesan kesalahan.
Apakah transparansi dipertahankan?
Ya. Nilai alpha yang didukung disertakan dalam hasil konversi. Periksa pratinjau pada latar tempat warna akan digunakan.
Mengapa penulisan atau presisi hasil berbeda?
Nilai dinormalisasi dan dibulatkan untuk ditampilkan. Singkatan, spasi dan penulisan angka asli tidak dipertahankan.
Apakah OKLCH atau Display P3 didukung?
Tidak. Alat ini hanya menangani representasi warna sRGB, tanpa memetakan gamut yang lebih lebar ke sRGB.
Apakah nilai warna saya diunggah?
Tidak. Konversi dan pratinjau berjalan di browser. Salin hanya menulis hasil yang dipilih ke clipboard.