Cara Mengetahui Warna atau Color HEXA

 

Selamat siang semua

 Hari ini aku mau berbagi informasi tentang bagaimana menentukan atau mengetahui warna atau color hexa sebuah gambar, garis, background, huruf, foto. Tapi tau gak apa itu color hexa?

 Hexa color itu adalah representasi warna dalam format digital ditulis dalam bilangan hexa. Jadi misalnya warna merah. Nah warna merah sendiri memiliki gradasi. Jadi misal saja ya kita pakai warna mutlak.

Warna ini adalah hitam #000000

Warna ini adalah Blue 2 ( ada gradasi) #0000ee

 Nah sudah bisa dibayangkan apa itu warna dalam hexa kan? 

 Pada dasarnya semua warna atau sinyal itu analog, namun pada era digital ini semua diubah kedalam digital dengan analog to digital converter. Perlu sensor untuk membaca warna analog ke digital.

 Nah kalau kita bekerja di dunia design, frontend developer, atau UI UX. Kita tidak akan pernah lepas dengan menentukan warna font,border,obyek,background dengan bilangan hexa yang merepresentasikan warna dari obyek tersebut.

Banyak Tools yang bisa dipakai:

1. ColorPick Eyedropper:

Ekstensi diChromeColorPick Eyedropper

2. Inspect Elemen di Chrome:

Jika kamu adalah frontend developer atau UI UX designer, kemudian ngoprek desain web dengan broswer Chrome. Bisa menggunakan Inspect Elemen. 

Shortcut tombol keyboardnya:  Ctrl +Shift +I

atau

Mouse klik kanan Inspect Element

Silakan Klik Kanan, cari menu paling bawah

Ini adalah halaman Inspect Element

Inspect Element yang digunakan untuk ngoprek CSS atau yang lain. Biasanya Color Hexa juga muncul disini. Sangat membantu untuk "ngoprek" atau "debug" atau "development" sebuah halaman frontend sebuah web. 

Duh baru nyadar ada bagian css dibagian breakpoint dimana kita merubah size dari display devices di Inspect element. Disini logo Shareitnow & space iklan menumpuk. Cara yang kulakukan adalah merubah margin top dari logo menajdi 15px. Hasilnya menjadi lebih baik, mereka tidak saling menimpa.

Sekian dari saya. Salam sehat.