ToolsMaxxing

Konverter warna

Ubah warna antara HEX, RGB, HSL, HSV, dan CMYK, serta cek kontras teksnya.

HEX
#4f46e5
RGB
rgb(79, 70, 229)
HSL
hsl(243, 75%, 59%)
HSV
hsv(243, 69%, 90%)
CMYK
cmyk(66%, 69%, 0%, 10%)

Kontras teks (WCAG)

Teks putih di atas warna ini
6.29:1 Lulus AA
Teks hitam di atas warna ini
3.34:1 Hanya teks besar

File Anda tetap di perangkat Anda

Cara kerjanya

  1. 1Ketik warna dalam format apa pun, atau pilih dengan pemilih warna.
  2. 2Lihat warna yang sama di setiap format.
  3. 3Salin yang Anda perlukan.
  4. 4Cek baris kontras untuk melihat apakah teks di atasnya terbaca.

Fungsi tiap opsi

Masukan yang diterima
#rgb, #rrggbb, #rrggbbaa, rgb(), hsl(), dan nama warna CSS seperti tomato.
Kontras
Rasio WCAG terhadap putih dan hitam. 4,5:1 adalah level AA untuk teks normal.

Privasi

Semua dihitung di browser Anda. Tidak ada yang Anda masukkan dikirim ke server.

Pertanyaan yang sering diajukan

Format mana yang sebaiknya dipakai di situs web?

Semuanya bisa dipakai di CSS. HEX paling umum dan singkat. HSL lebih mudah disesuaikan secara manual karena kecerahan dan saturasinya terpisah.

Bisakah nilai CMYK dipakai untuk mencetak?

Hanya sebagai panduan kasar. Percetakan mengonversi dengan profil warna, dan warna layar yang cerah sering tercetak lebih kusam.

Apa arti angka pada hex delapan digit?

Dua digit terakhir mengatur opasitas dari 00 (transparan) sampai ff (solid).

Mengapa warna saya tidak dikenali?

Gunakan kode HEX yang valid, bentuk rgb() atau hsl(), atau nama warna CSS. Nama dari alat lain bukan nama CSS.

Apakah ini alat yang sama dengan yang ada di Alat developer?

Ya, konverter yang sama. Alat ini dicantumkan di kedua tempat agar mudah ditemukan dari mana saja.

Alat terkait