Konverter gambar


Kuning — Arti, Palet, Warna Pelengkap, dan Harmoni

Panduan praktis tentang warna kuning: simbolisme dan psikologi, itu roda warna hubungan (saling melengkapi, analog, triadik), dapat diakses kombinasi warna, dan palet yang dapat diunduh. Konversi antara HEX, RGB, Dan HSL, salin variabel CSS, dan pratinjau warna serasi yang serasi.

roda warna warna komplementer harmoni warna warna yang serasi RGB • HEX • HSL

Tip: Tekan Memasuki di dalam bidang apa pun untuk memperbarui semua nilai.

Sekilas tentang Kuning

Arti & Psikologi

Kuning menandakan sinar matahari, kehangatan, rasa ingin tahu, dan optimisme. Ini unggul sebagai warna aksen untuk menyorot ajakan bertindak, label harga, dan peringatan. Untuk membaca dalam jangka panjang, pilihlah warna yang lebih lembut untuk kenyamanan.

Kontras & Keterbacaan

Kuning murni memiliki kontras rendah terhadap putih. Untuk UI yang mudah diakses, tempatkan warna kuning pada angkatan laut, arang, atau ungu tua. Gunakan teks hitam atau abu-abu sangat gelap dengan latar belakang kuning pucat.

Pemeriksaan Kontras (pada Warna Putih)
—
Pemeriksaan Kontras (pada Warna Hitam)
—

Palet Kuning

Dibuat secara otomatis warna (lebih putih), nuansa (lebih hitam), dan nada (lebih abu-abu) dari warna kuning saat ini. Klik contoh mana pun untuk menyalin HEX. Anda juga dapat mengunduh palet PNG.

warna

Nuansa

Nada

Harmoni Roda Warna

Mengeksplorasi komplementer pasangan warna, sejalan tetangga, dan triadik set dari kuning ini. Kombinasi siap pakai ini membantu Anda menemukan warna yang serasi.

Komplementer

Warna berlawanan pada roda warna menciptakan kontras tinggi untuk CTA dan lencana.

Sejalan

Tetangga di kemudi terasa harmonis — cocok untuk latar belakang dan gradien.

Triadik

Tiga warna dengan jarak yang sama menawarkan kontras yang seimbang untuk dasbor dan bagan.

Aplikasi & Praktik Terbaik

merek

Warna kuning menambah keramahan dan energi pada merek ritel, makanan, produk anak-anak, dan perjalanan. Padukan dengan arang atau warna biru tua untuk keseimbangan profesional dan tipografi yang mudah dibaca.

UI & Aksesibilitas

Gunakan warna kuning sebagai aksen untuk tombol dan sorotan. Untuk konten yang panjang, pilih warna pucat sebagai latar belakang dengan teks gelap untuk memenuhi kontras WCAG.

Pemasaran & Pengemasan

Warna kuning menarik perhatian pada rak dan media sosial. Warna biru atau ungu yang saling melengkapi menciptakan bagian pahlawan dan kartu produk yang mencolok.

Fitur

  • Instan HEX ↔ RGB ↔ HSL konversi dan sinkronisasi.
  • Palet otomatis: rona, corak, corak, plus palet PNG yang dapat diunduh.
  • Harmoni roda warna: sugesti yang saling melengkapi, analog, dan triadik.
  • Cepat Variabel CSS ekspor untuk sistem desain.

Cara Menggunakan

  1. Masukkan HEX (mis. #FFD600) atau nilai RGB/HSL dan tekan Memasuki.
  2. Klik contoh mana pun untuk menyalin HEX-nya. Gunakan set komplementer atau triadik untuk kontras yang kuat.
  3. Unduh palet PNG atau salin variabel CSS dan tempel ke proyek Anda.
  4. Periksa tip kontras agar teks tetap dapat dibaca pada UI kuning muda.

Pertanyaan Umum

Warna apa yang cocok dengan kuning?

Biru laut, arang, ungu tua, dan hijau hutan yang kaya berpadu serasi. Untuk aksen cerah, gunakan warna biru sian atau ungu yang saling melengkapi.

Apa kebalikan dari warna kuning?

Pada roda RGB/HSL, rona sebaliknya sudah dekat biru-cyan (sekitar 180° dari rona kuning).

Bisakah saya menggunakan warna kuning untuk teks isi?

Umumnya tidak ada pada latar belakang terang. Tetap kuning untuk sorotan atau ikon; gunakan teks gelap pada kartu kuning pucat.