Pemeriksa kontras warna
Ukur kontras menurut WCAG 2.2 dengan pratinjau dan hasil AA serta AAA untuk teks biasa dan besar.
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.
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.
Alat terkait
Dibuka di tab baru
Komentar
0