Favourite FONT and COLOR of the Day! +Color-Recognizing TOOLs (by ChatGPT Prompting)

Font + Color

Gw lagi demen sama FONT-TYPE: IBM PLEX MONO dan COURIER (NEW)

Kalo WARNA: 

• dodgerblue
• gainsboro aka #DCDCDC
• #00CC00 aka Terminal-style green

Berikut Tools utk mengetahui Warna (CSS Color Name + HEX Code):

---

ColorZilla adalah ekstensi (add-on) untuk Google Chrome dan Mozilla Firefox yang digunakan untuk mengambil (menyalin) warna dari elemen apa pun di layar browser.

🎨 Fungsi Utama ColorZilla

1. Color Picker (Pemilih Warna)
   👉 Ambil kode warna (hex, RGB, HSL, dll.) dari situs web apa pun hanya dengan mengarahkan kursor.
   Contoh: warna teks, latar belakang, tombol, dsb.

2. Eye Dropper Tool
   👉 Klik elemen di halaman untuk mengetahui kode warnanya dengan tepat.

3. Gradient Generator
   👉 Membuat dan menyesuaikan gradasi warna CSS dengan visual interaktif.

4. Webpage Color Analyzer
   👉 Menampilkan daftar semua warna yang digunakan di suatu halaman web.

5. Color History
   👉 Menyimpan riwayat warna yang sudah kamu ambil.

🌐 Cara Menginstal

🔹 Di Google Chrome

1. Buka: https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

2. Klik Add to Chrome → Add extension.

3. Ikon tetesan warna 💧 akan muncul di toolbar.

🔹 Di Mozilla Firefox

1. Buka: https://addons.mozilla.org/firefox/addon/colorzilla/

2. Klik Add to Firefox → Add.

3. Ikon pipet akan muncul di pojok toolbar.

🧩 Contoh Penggunaan

1. Klik ikon ColorZilla di toolbar browser.

2. Pilih Pick Color From Page.

3. Arahkan ke elemen yang ingin diambil warnanya → klik.

4. Kode warna (misalnya #00FF33 atau rgb(0, 255, 51)) akan muncul otomatis dan tersalin ke clipboard.

---

🧪 Eye Dropper adalah alat (tool) atau ekstensi browser yang digunakan untuk mengambil warna dari layar atau halaman web — mirip seperti ColorZilla, tetapi lebih sederhana dan sering digunakan di Google Chrome.

🎨 Apa Itu Eye Dropper

Eye Dropper adalah ekstensi Chrome yang memungkinkan kamu:

• Mengambil warna dari halaman web mana pun.

• Menyimpan warna ke dalam riwayat warna (color history).

• Melihat dan menyalin kode warna dalam format HEX, RGB, HSL, dll.

🌐 Cara Menginstal Eye Dropper di Chrome

1. Buka link resmi:
   🔗 https://chrome.google.com/webstore/detail/eye-dropper/peeepbllghmnnnbdfkgpklmhfndfocob

2. Klik Add to Chrome → Add extension.

3. Ikon tetesan warna 💧 akan muncul di toolbar Chrome.

🖱️ Cara Menggunakan Eye Dropper

1. Klik ikon Eye Dropper di toolbar Chrome.

2. Pilih Pick color from web page.

3. Arahkan kursor ke elemen yang ingin kamu ambil warnanya.

4. Klik elemen tersebut.

5. Hasil kode warna (misalnya #ffcc00) akan muncul dan otomatis tersalin ke clipboard.

Kamu juga bisa membuka:

• Color history → untuk melihat warna yang pernah kamu pilih.

• Color picker → untuk memilih warna secara manual seperti di Photoshop.

---

---

🧰 Perbandingan Eye Dropper vs ColorZilla

Fitur	🧪 Eye Dropper	🎨 ColorZilla
Ambil warna dari web	✅	✅
Ambil warna dari gambar (non-browser)	❌	❌
Riwayat warna	✅	✅
Generator gradasi	❌	✅
Antarmuka sederhana	✅	⚪ Sedikit lebih kompleks
Browser yang didukung	Chrome	Chrome & Firefox