HueOdysseyGenerator palet warna untuk situs web
Jelajahi palet warna situs web dengan tujuh peran semantik, kontras yang mudah dibaca, pratinjau antarmuka nyata, dan nilai HEX yang siap dipakai di CSS.
Mengapa palet ini bekerja
Mulailah dari bagian halaman yang benar-benar dipakai: latar, permukaan, teks, tautan, dan tombol utama. Palet harus berfungsi sebagai satu antarmuka, bukan hanya terlihat serasi sebagai deretan contoh warna.
Tujuh warna dibagi menjadi tindakan utama, pendukung sekunder, aksen, latar, permukaan, teks, dan konten redup. Pembagian ini membuat palet berguna lebih jauh daripada sekadar moodboard.
Cara menggunakannya
Gunakan warna utama untuk tombol tindakan dan tautan, bukan untuk setiap elemen dekoratif.
Pasangkan teks dengan latar dan permukaan yang memenuhi tingkat WCAG AA.
Aksen paling efektif untuk lencana, sorotan, dan momen yang benar-benar membutuhkan perhatian.
Arah terkait
Pertanyaan umum
Bolehkah warna ini digunakan dalam proyek komersial?
Boleh. Nilai HEX adalah data warna, bukan aset berlisensi. Sesuaikan palet dengan antarmuka dan konteks merek Anda.
Apakah palet ini memenuhi persyaratan WCAG?
Peran teks diperiksa pada latar dan permukaan. Periksa kembali kontras setelah mengubah warna, jenis huruf, ukuran, atau ketebalan.