Utilore

Pemilih warna

Geser di dalam kotak untuk memilih warna, atau ambil warna yang sudah ada: dari sebuah gambar dengan pipet, atau dari titik mana pun di layar selama browser mengizinkannya. Kodenya langsung muncul dalam ketiga notasi.

Pilih warna

Terbaru

Mengambil warna dari titik mana pun di layar adalah kemampuan browser yang hanya dimiliki Chrome dan Edge. Di Safari dan Firefox tombolnya tidak ditampilkan sama sekali: menjanjikan lalu menolak lebih buruk daripada tidak menawarkan. Di sana pakai gambar saja, tangkapan layar sama bagusnya.

Gambarnya tetap di tab ini: warnanya dibaca dari canvas di sini juga, tidak ada yang diunggah. Warna terbaru hanya diingat di perangkat ini.

Di dekatnya: Konverter kode warna · Generator palet warna · Generator Gradien CSS · HEX ke RGB

Cara pakai

  1. Seret di dalam kotak untuk memilih gradasinya, dan geser penggeser rona di bawahnya untuk mengganti keluarga warna.
  2. Atur opasitas kalau Anda butuh warna setengah tembus pandang: nilainya muncul di kode sebagai rgba atau sebagai dua karakter tambahan pada HEX.
  3. Untuk mengambil warna yang sudah ada, tekan «Ambil dari gambar» lalu klik pada gambarnya. Di Chrome dan Edge Anda juga bisa mengambil langsung dari layar.
  4. Tekan «Salin» di sebelah notasi yang Anda butuhkan. Warnanya masuk ke deretan warna terakhir, jadi Anda bisa kembali ke sana.

Perlu diketahui

Kenapa kotaknya dibangun di atas HSV

Pada HSV, kotak kejenuhan lawan kecerahan terisi penuh dari tepi ke tepi: setiap titik adalah warna tersendiri. Bangun kotak yang sama di atas HSL, dan ia rusak: baris atas seluruhnya putih, baris bawah seluruhnya hitam, dan separuh luasnya tidak memilih apa pun. Itulah seluruh alasan pilihan ini, dan itu pula yang dijaga oleh pengujiannya.

Tiga jalan masuk, karena orang datang dengan pertanyaan berbeda

Memilih warna dan menemukan warna adalah dua pekerjaan yang berbeda. Kotak itu untuk memilih. Pipet di atas gambar untuk warna yang sudah ada di suatu tempat: di tangkapan layar, di logo, di foto. Mengambil dari layar adalah hal yang sama tanpa keluar dari jendela, dan hanya Chrome dan Edge yang bisa melakukannya.

Di mana transparansi muncul

Opasitas hanya dituliskan kalau nilainya belum penuh: «rgb(31, 95, 214)» dan bukan «rgba(31, 95, 214, 1)», sebab bentuk kedua toh akan dirapikan dengan tangan. Pada HEX, transparansi menjadi dua karakter tambahan di ujung: semua browser masa kini memahaminya, alat lama tidak, jadi pada opasitas penuh ekor itu tidak ditulis.

Pertanyaan umum

Kenapa di browser saya tidak ada tombol «ambil dari layar»?

Karena Safari dan Firefox tidak bisa melakukannya. Fitur itu milik browser, bukan milik kami, dan hanya ada di Chrome dan Edge. Menampilkan tombol lalu menolak akan lebih buruk daripada tidak menawarkannya sama sekali, jadi tombolnya memang tidak ada. Ambil tangkapan layar dan pakai gambarnya, hasilnya persis sama.

Bagaimana cara mendapatkan warna satu piksel di dalam foto?

Tekan «Ambil dari gambar», pilih berkasnya, lalu gerakkan penunjuk di atas gambar: warnanya mengikuti penunjuk. Klik untuk menguncinya. Gambarnya tidak diunggah ke mana pun: ia digambar pada kanvas di tab ini dan dibaca dari sana.

Bisakah saya mengetik warna alih-alih memilihnya?

Bisa. Ketik di salah satu dari tiga kolom dengan bentuk yang lazim: #1f5fd6, 1f5fd6, rgb(31, 95, 214). Dua kolom sisanya terisi sendiri bersama kotaknya. Kalau Anda hanya perlu mengubah antarnotasi, konverter warna di sebelah adalah jalan yang lebih pendek.

Penggeser rona melompat ketika kecerahan saya turunkan ke nol.

Seharusnya tidak, dan memang tidak: hitam dan putih sama sekali tidak punya rona, jadi penggeser mempertahankan rona sebelumnya alih-alih melompat ke merah. Itu disengaja, sebab kalau tidak, setiap kali Anda turun ke dasar kotak, keluarga warna yang sedang Anda kerjakan akan hilang.

Di mana warna-warna terakhir saya disimpan?

Di perangkat ini, di dalam browser. Semuanya tidak dikirim ke mana pun dan tidak terikat pada diri Anda: hapus data situs, maka deretannya kosong lagi.

Alat terkait