Alat kustomisasi warna canggih Pixpa memungkinkan Anda meningkatkan daya tarik visual situs web Anda dengan menerapkan warna solid, gradien linier, dan gradien radial ke bagian dan teks Anda.
Ini memberi Anda kontrol kreatif tingkat tinggi saat mendesain latar belakang, judul, dan teks paragraf situs Anda.
Dalam artikel ini:
- Mengakses Panel Warna
- Pilihan Jenis Warna
- Gradien Berhenti
- Slider Rotasi
- Opsi Bentuk Gradien Radial
- Pemilih Warna & Input Kode Hex
- Penggeser Opasitas
- Di mana Anda dapat menggunakan Opsi Warna
Mengakses Panel Warna
- Arahkan kursor ke bagian yang ingin Anda edit dan klik Gaya Warna (1) pilihan.
- Di sini, Anda akan melihat opsi untuk mengubah warna Latar Belakang, Warna Teks Judul, dan Warna Teks Para.
- Klik pada Warna kustom (2) pilihan di samping elemen yang ingin Anda edit.
- Sebuah baru popup akan terbuka dari sana Anda dapat menyesuaikan warna untuk elemen yang dipilih.
Pilihan Jenis Warna
Di bagian atas panel warna, Anda akan melihat tiga opsi:
- Padat: Terapkan satu warna yang seragam pada area yang dipilih. Ini adalah pilihan yang sederhana dan bersih bagi pengguna yang menginginkan blok warna yang konsisten.
- Gradien Linier: Menciptakan perpaduan bertahap antara dua warna atau lebih di sepanjang garis lurus. Anda dapat mengontrol arah gradien ini menggunakan slider rotasi.
- Gradien Radial: Menghasilkan transisi warna melingkar yang terpancar dari titik pusat. Ini ideal untuk efek bergaya lampu sorot atau untuk menarik perhatian ke area tertentu.
Gradien Berhenti
Ketika Anda memilih salah satu Linear or Gradien Radial, Anda akan melihat bilah warna horizontal tempat Anda dapat mengelola pemberhentian gradien Anda:
- Masing-masing berhenti gradien (diwakili oleh ikon tetesan) menandai titik warna dalam gradien.
- Klik pada halte untuk mengubah warnanya menggunakan pemilih warna atau dengan memasukkan kode heksadesimal.
- Anda dapat tambahkan beberapa pemberhentian untuk menciptakan transisi multi-warna yang halus.
- klik ikon “x” kecil di bawah pemberhentian untuk melepasnya.
Slider Rotasi (Hanya Gradien Linier)
Untuk gradien linier, gunakan penggeser rotasi untuk mengubah sudut gradien. Ini memungkinkan Anda untuk memutar arah warna dari horizontal (0°) ke vertikal (90°) atau sudut kustom apa pun hingga 360°.
- Pratinjau gradien akan disesuaikan secara langsung saat Anda menggerakkan penggeser.
- Sudut saat ini ditunjukkan dalam kolom angka di samping penggeser (misalnya, 270°).
Opsi Bentuk Gradien Radial
Ketika Anda memilih Gradien Radial (1), dua pilihan bentuk akan muncul di bawah pratinjau gradien:
- Elips: Menghasilkan gradien radial memanjang dengan peregangan horizontal atau vertikal. Ini berguna untuk cakupan gradien yang lebih luas atau desain asimetris.
- Lingkaran: Ini menciptakan gradien bulat sempurna yang memancar dari bagian tengah (atau titik fokus yang dipilih). Ideal untuk latar belakang bergaya lampu sorot atau untuk menarik perhatian ke elemen pusat.
Pemilih Warna dan Input Kode Hex
Baik Anda bekerja dengan warna solid atau pemberhentian gradien individual:
- Gunakan color picker untuk memilih warna secara visual.
- Atau, masukkan kode warna heksagonal secara manual (misalnya, #c14dff) untuk kontrol warna yang tepat.
Jika Anda menggunakan gradien, memilih suatu perhentian memungkinkan Anda menentukan warna spesifiknya menggunakan alat ini.
Penggeser Opasitas
Di bagian bawah panel, Anda akan menemukan penggeser untuk mengontrol opasitas:
- Mengatur tingkat transparansi warna yang dipilih atau penghentian gradien.
- Nilai 1 berarti sepenuhnya buram, sementara 0 sepenuhnya transparan.
Ini berguna untuk menciptakan efek visual berlapis atau hamparan latar belakang yang lembut.
Di Mana Anda Dapat Menggunakan Pilihan Warna Ini
Alat warna tingkat lanjut ini tersedia di area berikut:
- Bagian Latar Belakang
- Heading Text
- Teks paragraf
Setiap area memiliki tab warna tersendiri, jadi Anda dapat menata komponen yang berbeda secara independen untuk fleksibilitas visual yang lebih baik.