Pemilih dan konverter warna

Pilih warna atau ketik dalam HEX, RGB, HSL, atau nama Inggrisnya, lalu dapatkan seketika semua format untuk disalin, beserta kontras pada putih dan hitam. Semua di browser Anda.

🔒 Yang kamu ketik tidak keluar dari perangkatmu. Semua dihitung di browser.

Format

HEX
RGB
HSL
CMYK

Kontras teks (WCAG)

Teks putih di atas warna ini
Teks hitam di atas warna ini

Cara mengonversi warna

  1. Ketuk kotak warna untuk memilih, atau ketik di kolom teks.
  2. Anda bisa menulisnya dalam HEX (#1e90ff), rgb(), hsl(), atau nama dalam bahasa Inggris.
  3. Lihat warnanya di pratinjau beserta padanannya dalam HEX, RGB, HSL, dan CMYK.
  4. Salin format yang Anda perlukan dan periksa kontrasnya dengan teks putih atau hitam.

Kegunaan

Desainer dan developer sering mengubah warna dari satu format ke format lain: HEX dari palet, rgb() dari stylesheet, HSL untuk membuat varian lebih terang atau gelap. Alat ini melakukannya dalam satu langkah.

Alat ini juga menghitung kontras warna dengan teks putih dan teks hitam, sesuai pedoman aksesibilitas WCAG: 4,5 banding 1 untuk memenuhi level AA dan 7 banding 1 untuk level AAA pada teks normal.

CMYK adalah konversi sederhana, berguna sebagai acuan; untuk cetak profesional sebaiknya gunakan profil warna dari program desain Anda.

Hal yang perlu diperhatikan

Pertanyaan yang sering diajukan

Bagaimana cara mengubah HEX ke RGB?

Ketik HEX (misalnya #1e90ff) dan alat akan langsung menampilkan rgb() yang setara, bersama HSL dan CMYK.

Apa itu kontras WCAG?

Ukuran seberapa mudah teks dibaca di atas suatu latar. Rasio 4,5 banding 1 memenuhi level AA dan 7 banding 1 memenuhi AAA, untuk teks normal.

Apakah mendukung warna transparan?

Ya: Anda bisa menulis #rrggbbaa, rgba(), atau hsla() dan transparansinya ikut ditampilkan.

Apakah ada yang dikirim ke server?

Tidak. Semuanya dihitung di browser Anda.

Apakah gratis?

Ya, gratis, tanpa registrasi, dan langsung berjalan di browser.