Menggunakan Paletton untuk Membantu Memilih Palet Warna Situs WordPress Anda

Dalam posting ini, kita akan melihat bagaimana menggunakan Paletton untuk memilih palet warna situs WordPress Anda. Paletton adalah generator palet warna online yang mudah digunakan yang akan menghemat banyak waktu Anda. Tidak setiap klien desain web akan memiliki skema warna merek dan Anda harus memilih warna untuk situs web mereka. Di situlah Paletton berguna.

Di antara semua opsi yang tersedia secara online, Paletton adalah salah satu favorit karena fitur contoh langsung. Aplikasi ini belum diperbarui dalam beberapa tahun tetapi untungnya masih berfungsi dengan baik untuk apa yang Anda butuhkan. Anda akan menemukan aplikasinya di Paletton.com. Abaikan iklan Google di sekitarnya dan Anda siap melakukannya.

Mengapa Penting Untuk Memilih Warna yang Tepat Untuk Situs Web Anda

Sebelum kita melihat secara mendalam tentang cara menggunakan aplikasi Paletton, mari kita lakukan tinjauan singkat tentang mengapa penting untuk memiliki palet warna yang tepat di situs web. Seperti yang Anda ketahui, warna membawa pesan bawah sadar yang memengaruhi emosi pemirsa dan pada akhirnya keputusan mereka. Warna juga harus mewakili merek perusahaan situs web.

Cara terbaik untuk memilih palet warna untuk situs web adalah dengan mempertimbangkan suasana hati yang ingin Anda gambarkan. Dengan cara yang sama seperti desainer interior memilih warna untuk memberikan suasana ruang tertentu, Anda dapat melakukan hal yang sama untuk sebuah situs web. Pikirkan kesan pertama; ketika seseorang membuka situs web dengan warna cerah dan cerah, mereka akan merasa puas dan bahkan mungkin tersenyum. Situs web dengan palet netral yang lembut dapat menenangkan seseorang dan menanamkan rasa nyaman.

Tentunya warna yang Anda pilih juga harus sesuai dengan mereknya. Ada dalam kombinasi dan nada suara di mana Anda sebagai desainer web menjadi pusat perhatian. Memilih penggunaan warna terbaik dalam palet juga penting untuk suasana situs.

Itu sebabnya Paletton adalah salah satu generator palet warna favorit. Anda dapat melihat pratinjau bagaimana palet warna diterapkan dalam berbagai kombinasi di situs web. Ini membantu Anda membuat keputusan yang lebih baik tentang warna yang Anda pilih. Menempatkan warna gelap sebagai latar belakang sebagai lawan warna terang akan membuat perbedaan besar pada desain akhir.

Semua Palet Warna Mulai Dengan Warna Dasar

Untuk setiap palet warna yang Anda buat di Paletton, Anda memerlukan warna dasar untuk digunakan. Tapi bagaimana Anda tahu warna dasar apa yang digunakan?

Lihatlah konten yang diberikan klien kepada Anda, merek mereka, dan gambar apa pun yang Anda berikan.

• Jika klien Anda memiliki logo berwarna, gunakan itu sebagai warna dasar Anda.
• Gunakan alat pipet untuk mengekstrak satu atau dua warna dari salah satu gambar yang diberikan klien kepada Anda.
• Tanyakan klien Anda tentang suasana hati dan kisah merek perusahaan mereka.
• Jika Anda membuat desain web untuk dijual sebagai template atau tema anak, atau untuk portofolio Anda, pilih warna sesuai dengan suasana hati yang Anda inginkan dengan desain Anda.

Saat Anda membuat palet di Paletton, Anda dapat memilih warna dasar secara visual atau kode hex ke dalam tab hex warna dasar.

Mengenal UI Aplikasi Paletton

Sekarang saatnya untuk mulai membuat palet. Mari kita lihat bagaimana semuanya diatur. Aplikasi ini memiliki dua bagian utama; sisi kiri adalah tentang memilih warna dan sisi kanan adalah tentang melihat pratinjau.

Mari kita lihat alat pemilihan warna di sebelah kiri terlebih dahulu. Apa pun yang Anda ubah di sisi ini mengubah hasil dari sisi kanan, tetapi yang terbaik adalah memahami kemampuan masing-masing pihak terlebih dahulu.

Sisi Kiri – Pemilih Warna

Hal pertama yang Anda perhatikan saat memasuki Aplikasi Paletton adalah roda warna. Tampilan default memiliki warna dasar sebagai merah netral dalam palet monokromatik (1 warna).

Anda akan melihat satu set 5 titik dalam garis di dalam lingkaran warna. Titik di tengah adalah warna dasar, dua titik menambahkan kecerahan dan desaturasi sementara dua lainnya menambahkan kontras dan saturasi.

Kombinasi Warna

Di atas lingkaran warna ada lima tombol kombinasi. Pilihannya dari kiri ke kanan:

• Monokromatik – 1 warna + pelengkap opsional
• Berdekatan – 3 warna + pelengkap opsional
• Triadik – 3 warna + pelengkap opsional
• Tetrad – 4 warna
• Gaya bebas – 4 warna

Warna Dasar

Untuk mengubah warna dasar, Anda dapat melakukan salah satu hal berikut:

1. Seret titik warna utama di mana saja di lingkaran luar.
2. Seret titik tengah di dalam lingkaran untuk memilih rona berbeda dari warna utama yang dipilih di lingkaran luar
3. Masukkan kode hex di tab kiri bawah.
4. Untuk mengubah warna sekunder menjadi warna dasar, Anda harus melakukannya di sisi pratinjau layar. Lebih lanjut tentang itu nanti.

Saat Anda menyeret titik warna dasar ke dalam lingkaran, semua titik lainnya akan bergerak bersamanya dengan menunjukkan varian rona.

Anda juga dapat memilih warna individual dengan mengklik shift sebelum menyeret.

Mencari setelan

Tombol di kiri atas lingkaran memungkinkan Anda memasukkan derajat rona dengan tangan untuk penyetelan halus. Ada lebih banyak kemampuan fine-tuning dengan tombol di kanan bawah. Di sini Anda dapat menyempurnakan segala sesuatu tentang warna yang Anda pilih:

• Warna
• Kejenuhan
• Kecerahan
• Kontras

Cukup klik pada tombol untuk menambah atau mengurangi setiap efek sebesar 1, 5, atau 10 derajat.

Preset Menurut Warna Dasar

Area pemilihan warna memiliki dua opsi pemilihan utama; Warna dan Preset. Kami melihat bagian warna di atas. Sekarang, mari kita kunjungi tab preset. Menurut warna dasar dan kombinasi yang Anda pilih, preset akan menampilkan berbagai variabel. Ini berguna jika Anda tidak ingin mengotak-atik rona, saturasi, kecerahan, dan kontras Anda sendiri.

Prasetel ini dapat memberi Anda ide bagus tentang apa yang mungkin dengan warna yang Anda pilih dan jika ada palet sekunder yang mungkin untuk melengkapi yang pertama.

Sisi Kanan – Pratinjau Palet

Di sisi kanan Paletton adalah tempat Anda melihat semua pratinjau langsung. Area utama dipisahkan menjadi empat bagian untuk dapat memvisualisasikan palet monokromatik atau lainnya dengan dua, tiga, atau empat warna. Setiap bagian warna menunjukkan warna dasar di area yang lebih besar dan empat variasi di sekitarnya.

Pada gambar di bawah ini Anda akan melihat bagaimana pemilih warna dan pratinjau bekerja bersama.

Di bawah kotak pratinjau adalah tab tempat Anda dapat mengubah tampilan pratinjau. Tampilan default jelas merupakan yang terbaik, tetapi jika Anda ingin mengubah tampilan, tombol itu ada untuk Anda.

Mengganti Warna Dasar

Di dalam bagian pratinjau, Anda dapat mengklik salah satu warna sekunder atau pelengkap dan mengubahnya menjadi warna dasar. Arahkan kursor ke warna apa saja dan klik 'info selengkapnya'. Selain melihat semua info untuk warna itu, Anda akan melihat tombol yang bertuliskan 'Terapkan sebagai warna dasar.' Ketika Anda mengklik ini, semua warna dalam palet akan berubah.

Menggunakan Fitur Simulasi Visi Paletton

Salah satu fitur terbesar Paletton adalah kemampuan untuk menilai bagaimana warna Anda akan terlihat dalam keadaan yang tidak terduga. Fitur ini disebut 'Visi simulasi' dan Anda akan menemukannya di bawah kotak pratinjau. Berikut simulasi yang tersedia:

• Simulasi Buta Warna
• Desaturasi
• Simulasi Gamma
• Warna web (palet 216 warna lama)

Ini adalah alat yang hebat jika Anda membuat palet untuk situs web. Anda dapat melihat apakah palet Anda akan terlihat baik-baik saja dalam semua kasus tersebut. Yang paling berguna adalah simulasi buta warna. Ada baiknya untuk memastikan semua warna dibedakan satu sama lain!

Melihat Contoh Langsung Palet Warna Anda

Alat praktis lainnya di Paletton adalah tab yang menunjukkan kepada Anda bagaimana palet akan terlihat di situs web sampel dan gaya desain lainnya. Anda akan menemukan simulasi ini di tab 'CONTOH…'. Pilihan pertama adalah tata letak halaman dan ini memiliki beberapa opsi:

• halaman putih
• halaman gelap
• Desain positif
• Desain negatif

Aplikasi ini dapat menampilkan simulasi desain artistik lainnya dengan palet warna pilihan Anda. Ada beberapa contoh statis dan animasi. Ini praktis untuk mendapatkan ide bagus tentang seberapa besar potensi yang dimiliki palet warna Anda.

Selanjutnya, pada tahap ini, Anda dapat mengacak palet Anda dengan beberapa cara berbeda:

• Warna serupa, tidak seperti gaya
• Tidak seperti
• Serupa
• Tidak seperti warna, gaya serupa

Pastikan untuk mendapatkan salinan palet Anda sebelum mengacaknya! Tidak ada jalan kembali.

Mengekspor Dan Menyalin Palet Warna

Sekarang setelah Anda menyesuaikan dan mempratinjau palet warna Anda, saatnya untuk mengekspornya dari Paletton dan menyiapkannya untuk situs web Anda.

Ada beberapa cara berbeda untuk menyalin atau mengekspor palet Anda. Di kanan atas jendela adalah tombol yang mengatakan 'bagikan palet' tetapi tampaknya telah rusak beberapa waktu lalu. Abaikan saja tombol itu karena tidak melakukan apa-apa.

Salin palet Anda dengan salah satu cara berikut ini:

• Salin kode hex untuk masing-masing warna dengan mengarahkan kursor untuk melihatnya dan mengklik untuk membuka jendela info.
• Klik 'TABEL/EKSPOR' untuk melihat palet dalam format yang berbeda.
• Di dalam tab TABEL/EKSPOR', ekspor dalam salah satu format berikut:
  • Daftar Warna
    • HTML
    • LEBIH SEDIKIT
    • CSS
    • KELANCANGAN
    • XML
    • teks
  • Contoh Warna
    • PNG Gambar
    • ACO (Photoshop)
    • GPL (Gimp)
• Anda juga dapat melihat kombinasi warna dalam palet yang dipilih.

Menambahkan Warna ke Situs WordPress Anda

Sekarang saatnya untuk benar-benar menambahkan warna ke situs Anda!

Karena aplikasi Paletton belum diperbarui dalam 6+ tahun, Anda lebih baik mengunduh versi teks sederhana dan memasukkan warna ke dalam lembar gaya Anda secara manual. Fitur ekspor mungkin tidak berfungsi dengan lembar gaya HTML atau CSS situs web Anda.

Untuk menambahkan warna ke tema Divi Anda, navigasikan ke Opsi Tema Anda, dan masukkan setiap warna dengan kode hex yang sesuai.

Itu Bungkus Warna!

Kami sudah selesai meninjau langkah-langkah untuk membuat palet warna dengan Paletton. Fitur dasar aplikasi ini mirip dengan aplikasi palet warna lainnya tetapi yang membuatnya menonjol dari yang lain adalah kemampuan untuk melihat warna pada contoh langsung untuk desain web dan desain artistik lainnya. Sangat disayangkan bahwa aplikasi belum diperbarui dalam 6+ tahun. Untungnya, tampaknya tetap hidup melalui iklan Google itu!.

Apa aplikasi penghasil palet warna favorit Anda? Sudahkah Anda mencoba Paletton? Beri tahu kami di komentar!

Gambar Unggulan melalui DaGaAl / shutterstock.com