JSON dan YAML
Konversi antara JSON dan YAML.
Konverter warna
Ubah warna antara HEX, RGB, HSL, HSV, dan CMYK, lalu periksa 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
- 1Ketik warna dalam format apa pun, atau pilih dengan pemilih warna.
- 2Lihat warna yang sama dalam HEX, RGB, HSL, HSV, dan CMYK.
- 3Salin format yang Anda butuhkan.
- 4Periksa baris kontras untuk melihat apakah teks putih atau hitam terbaca di atasnya.
Fungsi tiap opsi
- Input yang diterima
- #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla(), dan nama warna CSS seperti tomato.
- Kontras
- Rasio WCAG terhadap putih dan hitam. 4.5:1 memenuhi AA untuk teks biasa, 3:1 untuk teks besar.
Privasi
Semuanya berjalan di browser Anda. Apa pun yang Anda ketik tidak dikirim ke server.
Pertanyaan yang sering diajukan
Apakah nilai CMYK tepat untuk cetak?
Tidak. Nilai ini hanya konversi matematis sederhana dari RGB. Mesin cetak memakai profil warna, jadi contoh cetak di percetakan akan terlihat berbeda, terutama untuk biru dan hijau yang cerah.
Apa beda HSL dan HSV?
Keduanya menggambarkan rona, saturasi, dan satu sumbu kecerahan. Pada HSL, kecerahan 100 persen selalu putih. Pada HSV, nilai 100 persen adalah versi paling terang dari warna itu. Alat desain sering memakai HSV, CSS memakai HSL.
Apa arti hex delapan digit?
Dua digit terakhir adalah opasitas, dari 00 (bening) sampai ff (pekat). #4f46e580 kira-kira 50 persen opak.
Mengapa nama warna tidak berfungsi?
Hanya nama warna CSS yang dikenali, seperti tomato atau rebeccapurple. Nama dari alat desain tidak dikenali.
Berapa kontras yang saya butuhkan?
WCAG AA meminta 4.5:1 untuk teks isi dan 3:1 untuk teks besar dan komponen antarmuka. AAA meminta 7:1 untuk teks isi.