Pada post sebelumnya
kemarin kita sedikit menyinggung tentang kode warna hex.
Kita sekadar mengubah kode warna hex menjadi kode warna
RGB. Untuk bahasan hari ini, kita akan membuat penampil /
viewer kode warna hex sederhana. Bahasan ini juga
masih berkaitan dengan beberapa bahasan yang sebelumnya kita bahas,
seperti :
Peralatan yang diperlukan.
Untuk membuat penampil kode hex warna sederhana, kita membutuhkan :
- Yad, sebagai peralatan grafis / GUI dan penyedia form.
- ImageMagick, sebagai pembuat gambar kosong / blank.
- tr, mengeliminasi sebagian output dari
yad. - Imv, menampilkan gambar yang sudah dibuat oleh
ImageMagick.
Peralatan di atas bisa dipasang lewat paket manager atau dikompil dari kode sumber.
Cara kerjanya bagaimana ?
Cara kerja dari penampil / viewer ini cukup sederhana.
- Kita hanya memasukkan kode warna
hexke dalam form yang dibuat dari toolyad. - Masukkan / input tadi dioleh menjadi output, yang
sebelumnya diedit oleh
tr. - Output yang berupa kode warna
hexdigunakan olehImageMagickuntuk membuat gambar kosong / blank berwarna. Gambar kosong itu disimpan pada sebagai/tmp/tmp.png. - Terakhir, gambar
/tmp/tmp.pngditampilkan dengan penampil gambar.
Bagaimana cara membuatnya ?
Untuk cara membuat dan menyusun penampil kode warna hex cukup mudah. Berikut ini adalah langkah-langkahnya.
1. Membuat fungsi form dengan yad.
Kita menggunakan form untuk menampung masukan / input yang berupa kode warna hex.
Kita bisa menggunakan fungsi ini.
#!/usr/bin/bash
form ()
{
yad --form \
--title="Viewer kode hex warna." \
--field="Kode warna" \
| tr -d '|'
}Code language: Shell Session (shell)2. Membuat fungsi untuk membuat gambar kosong / blank.
Fungsi ini sudah pernah kita bahas. Fungsinya sebagai berikut.
convert -size 300x300 \
canvas:$(form) \
/tmp/tmp.pngCode language: Shell Session (shell)3. Membuat fungsi penampil gambar.
Untuk penambil gambar, saya menggunakan imv. Untuk yang berkenan menggunakan penampil gambar yang lain bisa juga.
/usr/bin/imv-wayland /tmp/tmp.pngCode language: Shell Session (shell)4. Menyusun ketiga fungsi menjadi satu kesatuan.
Berikut ini adalah gabungan dari ketiga fungsi sebelumnya.
#!/usr/bin/bash
form ()
{
yad --form \
--title="Viewer kode hex warna." \
--field="Kode warna" \
| tr -d '|'
}
convert -size 300x300 \
canvas:$(form) \
/tmp/tmp.png
/usr/bin/imv-wayland /tmp/tmp.pngCode language: JavaScript (javascript)Bisa kita simpan dengan nama hex_viewer.
Pengujian tool dan penggunannya.
Berikut ini adalah cara pengujian dan penggunaannya.
1. Buka terminal !
2. Jalankan skrip hex_viewer !
$ hex_viewerCode language: Shell Session (shell)Sebuah jendela program berbentuk form akan muncul.
Jendela form sederhana dari yad.
3. Siapkan kode warna hex, sebagai contoh #f4f42d !
4. masukkan kode warna hex ke dalam form yang muncul dan klik OK.
Memasukkan kode warna hex ke dalam form.
5. Imv akan menampilkan gambar kosong yang berwarna sesuai kode warna hex yang diinputkan.
Gambar berwarna sesuai kode warna hex.
Ringkasan.
Berikut ini adalah ringkasan bahasan kita kali ini.
- Kita bisa melihat warna dari kode warna hex dengan penampil / viewer sederhana.
- Penampil / viewer bisa dibuat dengan beberapa kombinasi tool.
- Kombinasinya di antaranya :
Yad, untuk membuat form.ImageMagick, untuk membuat gambar kosong.Imv, untuk menampilkan gambar.
Penutup.
Demikian tadi, bahasan kita seputar membuat penampil kode warna hex sederhana. Semoga bisa menjadi alternatif tool yang berguna. Terima kasih dan sampai berjumpa pada bahasan selanjutnya !
Leave a Reply