Langsung ke pemilih warna

Warna-warna berbeda yang serasi

Beberapa warna berbeda dengan kecerahan dan saturasi yang sama. Di ikon, label, grafik, dan slide, warna-warna ini terlihat seperti satu set.

Jumlah warna
6
Tampilan

Klik warna untuk menyalin HEX-nya.

Tampilan saat dipakai bersama

Latar
  • Beranda
  • Pesan
  • Kalender
  • Berkas
  • Foto
  • Musik
BerandaPesanKalenderBerkasFotoMusik
68%
53%
25°
Format

Kode

#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ce

Cek warnamu

Tempel warna yang sudah kamu pakai, satu per baris atau dipisah spasi. Kamu akan tahu apakah warnanya sudah satu level dan mendapat set yang diperbaiki dengan rona yang sama.

Tanya jawab

Kenapa warna dengan kecerahan HSL yang sama terlihat tidak rata?

HSL memperlakukan semua rona sama, tetapi mata manusia tidak: kuning dan hijau terlihat jauh lebih terang daripada biru pada angka HSL yang sama. Alat ini bekerja di OKLCH, tempat kecerahan yang sama memang terlihat sama, jadi tidak ada ikon atau batang grafik yang tiba-tiba mencolok.

Berapa banyak warna berbeda yang bisa dibedakan orang?

Di grafik atau legenda, kebanyakan orang cepat membedakan 6 sampai 8 warna. Sampai 12 warna masih bisa kalau ada label di samping warna. Untuk kategori lebih banyak, gabungkan yang kecil atau tambahkan label, pola, atau ikon.

Tampilan mana yang sebaiknya dipilih?

Pastel dan Lembut cocok untuk latar label dan lencana dengan teks gelap. Cerah dan Pekat cocok untuk ikon, batang, dan garis grafik di latar putih. Dalam dan Gelap cocok untuk kotak dengan teks putih dan aksen di tema gelap.

Bolehkah menaruh teks di atas warna ini?

Boleh. Pratinjau memilih teks hitam atau putih untuk tiap warna. Tampilan terang memakai teks gelap, tampilan dalam memakai teks putih. Untuk teks bacaan, cek pasangan persisnya di pemeriksa kontras.

Apakah warna dengan kecerahan sama aman untuk buta warna?

Warna di satu level hanya berbeda pada rona, bagian yang paling sulit bagi penderita buta warna. Di grafik, tambahkan label atau pola, atau cek set ini di simulator buta warna. Untuk ikon dengan label teks biasanya sudah cukup.