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 :

  1. Penggunaan tool yad.
  2. Pembuatan gambar blank menggunakan ImageMagick.

Peralatan yang diperlukan.

Untuk membuat penampil kode hex warna sederhana, kita membutuhkan :

  1. Yad, sebagai peralatan grafis / GUI dan penyedia form.
  2. ImageMagick, sebagai pembuat gambar kosong / blank.
  3. tr, mengeliminasi sebagian output dari yad.
  4. 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.

  1. Kita hanya memasukkan kode warna hex ke dalam form yang dibuat dari tool yad.
  2. Masukkan / input tadi dioleh menjadi output, yang sebelumnya diedit oleh tr.
  3. Output yang berupa kode warna hex digunakan oleh ImageMagick untuk membuat gambar kosong / blank berwarna. Gambar kosong itu disimpan pada sebagai /tmp/tmp.png.
  4. Terakhir, gambar /tmp/tmp.png ditampilkan 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 '|'
	}
2. Membuat fungsi untuk membuat gambar kosong / blank.

Fungsi ini sudah pernah kita bahas. Fungsinya sebagai berikut.

convert -size 300x300 \
	canvas:$(form) \
	/tmp/tmp.png
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.png
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.png

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_viewer

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.

  1. Kita bisa melihat warna dari kode warna hex dengan penampil / viewer sederhana.
  2. Penampil / viewer bisa dibuat dengan beberapa kombinasi tool.
  3. 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 !