fixmint
ID

Konverter warna

Tempel HEX, RGB, HSL, atau nama warna, dan dapatkan semua format sekaligus, dengan cek kontras WCAG.

  • Berjalan di perangkat Anda
  • Tanpa daftar
  • Bisa dipakai luring setelah dikunjungi
—

Menerima #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla(), atau nama warna CSS seperti rebeccapurple.

HEX—
RGB—
HSL—
HSV—
CMYK (perkiraan)—
Tint dan shade, ketuk untuk menyalin
Di atas putih — ke 1
  • —
  • —
  • —
  • —
Di atas hitam — ke 1
  • —
  • —
  • —
  • —
Di atas latar belakang Anda — ke 1
  • —
  • —
  • —
  • —

Setiap rasio mengikuti WCAG 2.x. Teks besar adalah 24px atau lebih, atau 18,66px dan tebal. Lulus dicek terhadap rasio pastinya, dan warna transparan dicampur dengan setiap latar belakang terlebih dahulu.

Cara mengonversi kode warna

  1. Ketik HEX, rgb(), hsl(), atau nama warna, atau pilih satu dengan sampel warna.
  2. Salin format yang Anda butuhkan dari lima hasil.
  3. Baca rasio kontras dan tanda AA atau AAA pada latar putih, hitam, dan latar belakang yang Anda pilih.

Pertanyaan

Mengapa nilai CMYK hanya perkiraan?

CMYK bergantung pada tinta, kertas, dan profil warna printer. Konverter ini memakai rumus aritmetika biasa yang mengabaikan ketiganya, jadi warna cetak akan berbeda dari layar. Mintalah proof dari printer sebelum mencetak dalam jumlah besar.

Bagaimana rasio kontras dihitung?

WCAG 2.x mengambil luminansi relatif setiap warna dari nilai merah, hijau, dan birunya setelah koreksi gamma. Rasionya adalah luminansi yang lebih terang ditambah 0,05, dibagi luminansi yang lebih gelap ditambah 0,05. Hitam di atas putih menghasilkan 21:1, nilai tertinggi yang mungkin.

Ambang batas apa yang dipakai pengecekan?

WCAG 2.x mensyaratkan minimal 4,5:1 untuk teks normal dan 3:1 untuk teks besar pada level AA, serta 7:1 dan 4,5:1 pada level AAA. Teks besar adalah teks 24px atau lebih, atau 18,66px dan tebal.

Format warna apa saja yang diterima kolom ini?

Kode hex dengan tiga, enam, atau delapan digit, rgb() dan rgba(), hsl() dan hsla(), serta nama warna CSS seperti rebeccapurple. Browser yang membaca nilainya, jadi apa pun yang dikenali browser sebagai warna CSS akan berfungsi.

Ulasan

    Belum ada ulasan. Jadilah yang pertama.

    Penilaian Anda

    Email Anda tidak pernah ditampilkan atau disimpan.

    Baca selengkapnya