Penukaran Warna
#ca4e4e
≈ Chestnut Rose
Variasi
Tujuan bahagian ini adalah untuk menghasilkan warna dengan tepat (tambah putih tulen) dan lorek (tambah hitam tulen) warna pilihan anda dalam kenaikan 10%.
Petua Pro: Gunakan warna untuk keadaan tuding dan bayang-bayang, warna untuk sorotan dan latar belakang.
Shades
Variasi yang lebih gelap dibuat dengan menambahkan hitam pada warna asas anda.
Tints
Variasi yang lebih ringan dibuat dengan menambahkan putih pada warna asas anda.
Kes Penggunaan Biasa
- • Keadaan komponen UI (tuding, aktif, dilumpuhkan)
- • Mencipta kedalaman dengan bayang-bayang dan sorotan
- • Membina sistem warna yang konsisten
Petua Sistem Reka Bentuk
Variasi ini membentuk asas palet warna yang padu. Eksport mereka untuk mengekalkan konsistensi merentas keseluruhan projek anda.
Kombinasi Warna
Setiap harmoni mempunyai mood tersendiri. Gunakan harmoni untuk sumbang saran kombo warna yang berfungsi dengan baik bersama-sama.
Cara Penggunaan
Klik pada mana-mana warna untuk menyalin nilai heksnya. Gabungan ini terbukti secara matematik untuk mencipta keharmonian visual.
Mengapa Ia Penting
Harmoni warna mencipta keseimbangan dan membangkitkan emosi tertentu dalam reka bentuk anda.
Pelengkap
Warna dan bertentangan pada roda warna, +180 darjah warna. Kontras tinggi.
Berpecah-pelengkap
Satu warna dan dua bersebelahan dengan pelengkapnya, +/-30 darjah warna daripada nilai bertentangan dengan warna utama. Tebal seperti pelengkap lurus, tetapi lebih serba boleh.
Triadic
Tiga warna dijarakkan sama rata di sepanjang roda warna, masing-masing 120 darjah rona. Terbaik untuk membenarkan satu warna menguasai dan menggunakan yang lain sebagai aksen.
Analogi
Tiga warna kecerahan dan ketepuan yang sama dengan warna yang bersebelahan pada roda warna, 30 darjah dipisahkan. Peralihan yang lancar.
Monokromatik
Tiga warna rona yang sama dengan nilai kecerahan +/-50%. Halus dan halus.
Tetradic
Dua set warna pelengkap, dipisahkan oleh 60 darjah warna.
Prinsip Teori Warna
Baki
Gunakan satu warna dominan, sokongan dengan sekunder, dan loghat dengan berhati-hati.
Berbeza
Pastikan kontras yang mencukupi untuk kebolehbacaan dan kebolehaksesan.
Harmoni
Warna harus bekerjasama untuk mencipta pengalaman visual yang bersatu.
Penyemak Kontras Warna
Uji kombinasi warna untuk memastikan ia memenuhi piawaian kebolehcapaian WCAG untuk kebolehbacaan teks.
Warna Teks
Warna latar belakang
Berbeza
Piawaian WCAG
Semua orang adalah Genius. Tetapi Jika Anda Menilai Ikan Berdasarkan Keupayaannya Memanjat Pokok, Ia Akan Menjalani Seumur Hidupnya Dengan Percaya bahawa Ia Bodoh.