Pemilih dan Konverter Warna

Pilih warna, tempel kode, atau klik gambar untuk melihat warna dalam semua format, lengkap dengan palet serasi dan pemeriksaan kontras teks.

Pilih warna, kode, atau gambar
Lihat dalam HEX, RGB, HSL, HSV, dan CMYK
Salin kode dan palet atau periksa kontras

Memuat alat…

Berkas tidak pernah keluar dari perangkat Anda

Penjelasan format warna

HEX: kode enam digit untuk desain web dan CSS (#14183d).
RGB: nilai merah, hijau, dan biru dari 0 hingga 255 untuk layar.
HSL dan HSV: rona, saturasi, dan kecerahan atau nilai — mudah diatur manual.
CMYK: persentase sian, magenta, kuning, dan hitam untuk cetak.

Membuat palet

Warna komplementer saling berseberangan dan memberi kontras kuat.
Warna analog bersebelahan dan terasa tenang serta harmonis.
Warna triadik berjarak sama dan memberi kesan seimbang dan hidup.
Klik contoh warna mana pun untuk menjadikannya warna saat ini dan menyalin kodenya.

Teks yang mudah dibaca (WCAG)

Pilih warna teks dan latar, lalu alat ini menghitung rasio kontras. Usahakan minimal 4,5:1 untuk teks isi dan 3:1 untuk judul besar (level AA); 7:1 memenuhi level AAA yang lebih ketat.

Pertanyaan umum

Kode warna apa yang bisa dimasukkan?

HEX (#1e90ff atau 1e90ff), rgb(), hsl(), hsv(), cmyk(), dan nama warna CSS seperti navy atau tomato.

Bagaimana mengambil warna dari foto atau logo?

Buka gambar di bagian «Ambil dari gambar» dan klik titik mana pun. Gambar tetap di perangkat Anda.

Apakah nilai CMYK akurat untuk cetak?

Ini konversi matematis standar. Warna cetak sebenarnya bergantung pada profil warna printer, jadi periksa pekerjaan penting dengan percetakan.

Apa itu rasio kontras?

Mengukur seberapa terbaca teks di atas latar. WCAG mensyaratkan minimal 4,5:1 untuk teks normal dan 3:1 untuk teks besar (level AA).

Bagaimana palet dibuat?

Dengan memutar rona pada roda warna: komplementer (180°), analog (±30°), dan triadik (120°), ditambah gradasi lebih terang dan lebih gelap.

Bisakah mengambil warna dari mana saja di layar?

Bisa, di peramban yang mendukung (seperti Chrome dan Edge di komputer) muncul tombol «Ambil dari layar».

Alat terkait

Pembuat kode QRBuat kode QR untuk tautan dan teks. Penghitung kataHitung kata, karakter, dan kalimat. Pembuat Kata SandiBuat kata sandi kuat dan acak. Pengubah Huruf Besar/KecilHURUF BESAR, huruf kecil, Title Case, dll. Pembuat HashMD5, SHA-1, SHA-256, dan SHA-512 teks atau file. Encoder dan Decoder Base64Enkode dan dekode teks serta file Base64.

Simpan alat ini untuk digunakan nanti

Tambahkan halaman ini ke bookmark browser dengan menekan Ctrl + D