Penukar Imej


Kuning - Maksud, palet, warna pelengkap, dan harmoni

Panduan praktikal untuk warna kuning: simbolisme dan psikologi, Roda warna hubungan (pelengkap, analog, triad), boleh diakses Kombinasi warna, dan palet yang boleh dimuat turun. Menukar antara Hex, Rgb, dan HSL, Salin pembolehubah CSS, dan pratonton warna sepadan yang bersatu.

Roda warna Warna pelengkap keharmonian warna warna yang sepadan RGB • HEX • HSL

Petua: Tekan Masukkan Di dalam mana -mana bidang untuk mengemas kini semua nilai.

Kuning sekilas

Makna & Psikologi

Isyarat kuning cahaya matahari, kehangatan, rasa ingin tahu, dan keyakinan. Ia cemerlang sebagai warna aksen untuk menyerlahkan panggilan-ke-tindakan, tag harga, dan peringatan. Untuk membaca bentuk panjang, lebih suka tints yang lebih lembut untuk keselesaan.

Kontras & keterbacaan

Kuning tulen mempunyai kontras yang rendah pada putih. Untuk UI yang boleh diakses, letakkan kuning pada tentera laut, arang, atau violet dalam. Gunakan teks kelabu hitam atau sangat gelap pada latar belakang kuning pucat.

Pemeriksaan kontras (berwarna putih)
-
Pemeriksaan kontras (pada hitam)
-

Palet kuning

Auto-dihasilkan Tints (lebih putih), warna (lebih hitam), dan nada (lebih kelabu) dari kuning semasa. Klik mana -mana swatch untuk menyalin Hex. Anda juga boleh memuat turun palet PNG.

Tints

Warna

Nada

Harmoni roda warna

Meneroka pelengkap pasangan warna, analog jiran, dan Triadik set dari kuning ini. Kombinasi siap sedia ini membantu anda mencari warna yang berjalan lancar.

Pelengkap

Warna bertentangan pada roda warna membuat kontras yang tinggi untuk CTA dan lencana.

Analog

Jiran -jiran di roda berasa harmoni - hebat untuk latar belakang dan kecerunan.

Triadik

Tiga warna yang sama rata menawarkan kontras seimbang untuk papan pemuka dan carta.

Aplikasi & Amalan Terbaik

Penjenamaan

Yellow menambah keramahan dan tenaga kepada runcit, makanan, produk kanak -kanak, dan jenama perjalanan. Sepasang dengan arang atau tentera laut yang mendalam untuk keseimbangan profesional dan tipografi yang boleh dibaca.

UI & Kebolehcapaian

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

Pemasaran & Pembungkusan

Kuning menarik mata di rak dan suapan sosial. Blues pelengkap atau ungu membuat bahagian wira dan kad produk yang menarik.

Ciri -ciri

  • Segera Hex ↔ rgb ↔ hsl penukaran dan penyegerakan.
  • Palet auto: tints, warna, nada, ditambah palet PNG yang boleh dimuat turun.
  • Harmoni Roda Warna: Cadangan, analog,, cadangan triad.
  • Cepat Pembolehubah CSS Eksport untuk sistem reka bentuk.

Cara menggunakan

  1. Masukkan hex (mis. #FFD600) atau nilai RGB/HSL dan tekan Masukkan.
  2. Klik mana -mana swatch untuk menyalin hexnya. Gunakan set pelengkap atau triad untuk kontras yang kuat.
  3. Muat turun Palet PNG atau salin pembolehubah CSS dan tampal ke dalam projek anda.
  4. Semak petua kontras untuk memastikan teks boleh dibaca pada UI kuning cahaya.

Soalan Lazim

Apakah warna yang baik dengan kuning?

Tentera Laut, Arang, Deep Violet, dan Rich Forest Green Pair dengan baik. Untuk aksen yang cerah, gunakan cyan-biru atau ungu pelengkap.

Apakah warna kuning yang bertentangan?

Pada roda RGB/HSL, warna bertentangan dekat Blue-Cyan (sekitar 180 ° dari warna kuning).

Bolehkah saya menggunakan kuning untuk teks badan?

Umumnya tidak pada latar belakang cahaya. Simpan kuning untuk sorotan atau ikon; Gunakan teks gelap pada kad kuning pucat.