Konverter Warna (HEX, RGB, HSL)
Konversi warna antara HEX, RGB, HSL, dan HSV. Tempel satu warna per baris, termasuk HEX 3 digit serta nilai rgb() dan hsl(), lalu klik swatch mana pun untuk
Konversi warna antara HEX, RGB, HSL, dan HSV ke dua arah. Tempel satu warna per baris - termasuk HEX singkat 3 digit serta nilai rgb() dan hsl() - dan dapatkan semua representasinya sekaligus, lengkap dengan swatch yang bisa diklik untuk menyalin kode HEX.
Berguna saat alat desain memberi Anda HSL tetapi CSS yang Anda warisi memakai HEX, saat Anda butuh triplet RGB untuk kanvas atau file resource Android, atau saat Anda memeriksa palet merek dan ingin melihat bagaimana nuansanya saling berhubungan. Konversinya mengikuti rumus CSS standar, dan nilai alpha dipertahankan bila Anda menyertakannya.
Cara mengonversi warna antara HEX, RGB, HSL, dan HSV
Masukkan satu warna per baris dalam format yang didukung
Baca nilai HEX, RGB, HSL, dan HSV hasil konversi
Klik swatch untuk menyalin kode HEX-nya
FAQ
Format apa saja yang diterima sebagai input?
HEX (#1a2b3c atau #abc), rgb(26, 43, 60), rgba(...), hsl(210, 40%, 17%), dan hsla(...), satu per baris, dengan atau tanpa nama fungsi huruf kecil.
Bisakah saya mengonversi beberapa warna sekaligus?
Bisa, tempel seluruh palet - satu warna per baris - dan setiap baris dikonversi secara terpisah.
Bagaimana cara menyalin hasilnya?
Klik swatch warna mana pun dan nilai HEX-nya disalin ke clipboard; keluaran teksnya juga bisa dipilih dan disalin seperti teks biasa.
Apakah hasilnya identik dengan fungsi warna CSS?
Ya, rumus sRGB standar yang dipakai, dan nilai HSL/HSV dibulatkan agar mudah dibaca. Pembulatan bisa menggeser satu kanal sebanyak satu satuan, yang dalam praktiknya tidak terlihat.
Apakah alat ini menangani transparansi?
Nilai alpha pada input rgba() dan hsla() dipertahankan di keluaran HEX sebagai nilai 8 digit beserta alpha.
Apakah ada yang dikirim ke server?
Tidak, konversinya murni aritmetika yang dijalankan di browser Anda.
Antara format warna mana saja saya bisa mengonversi?
HEX, RGB, HSL, dan HSV - format yang dipakai CSS, alat desain, dan kode. CMYK adalah ruang warna cetak dan tidak bisa diturunkan secara akurat dari nilai layar, jadi anggap setiap angka CMYK sebagai panduan kasar, bukan patokan yang mengikat.
Apa yang diberitahukan pemeriksaan kontras kepada saya?
Apakah pasangan teks dan latar memenuhi rasio kontras minimum WCAG - 4,5:1 untuk teks normal dan 3:1 untuk teks besar. Hal itu sering menjadi pembeda antara antarmuka yang lolos tinjauan aksesibilitas dan yang gagal.
Mengapa warna yang sama terlihat berbeda di tempat lain?
Layar berbeda dalam gamut, kecerahan, dan kalibrasi. sRGB adalah asumsi yang aman untuk web, dan warna yang didefinisikan di luar rentang itu bisa terpotong menjadi sesuatu yang mendekati pada layar biasa.
Apakah data warna saya dikirim ke suatu tempat?
Tidak, konversinya terjadi di dalam browser Anda.
Sekilas
| Masukan | teks |
|---|---|
| Beberapa file | Tidak |
| Dijalankan di | Di browser Anda - file tidak pernah diunggah |
| Bekerja offline | Ya — setelah halaman dimuat |
| Harga | Gratis, tanpa pendaftaran, tanpa tanda air |
Di mana konversi diam-diam rusak
Sebagian besar bug konversi bukan soal sintaksis, melainkan soal makna. Kolom kode pos pada CSV kehilangan angka nol di depannya begitu spreadsheet menduga kolom itu berisi angka; ID yang panjang melampaui presisi floating-point; tanggal berubah makna tergantung apakah formatnya tanggal-dulu atau bulan-dulu. Kunci JSON tidak berurutan, sedangkan array berurutan, dan alat yang mengurutkan kunci tidak mengubah apa pun sementara alat yang mengurutkan array mengubah datanya. Unicode adalah jebakan lain: teks bisa datang sebagai UTF-8, UTF-16, atau dengan BOM, dan dekoder yang salah menebak mengubah karakter beraksen menjadi mojibake. Sebelum memercayai konversi apa pun, periksa sekilas baris pertama dan terakhir, setiap bidang yang memiliki angka nol di depan, dan setiap bidang yang memuat tanda kutip, koma, atau baris baru.
Memilih format data
JSON adalah pilihan default untuk apa pun yang dikembalikan sebuah API atau dibaca sebuah program: format ini secara alami menangani struktur bersarang, angka, boolean, dan null, dan setiap bahasa bisa mengurainya. CSV lebih kecil dan langsung terbuka di spreadsheet, tetapi tidak punya cara untuk menyatakan penyarangan dan tidak punya standar bersama untuk pemisah, tanda kutip, atau set karakternya - dan di situlah konversi biasanya salah. XML lebih bertele-tele, tetapi membawa atribut, konten campuran, dan skema, sehingga masih mendominasi format dokumen dan integrasi warisan. YAML paling mudah dibaca untuk konfigurasi, tetapi peka terhadap spasi dan punya pemaksaan tipe yang mengejutkan ("no" menjadi false, versi seperti 1.10 menjadi 1.1). Pilih format yang disukai alat yang akan memakainya, bukan format yang terlihat paling bagus.