Pemilih Warna Sederhana

Pemilih warna gratis untuk Chrome

Ambil warna dari halaman mana pun. Dapatkan #E8553D

Pemilih Warna Sederhana adalah pipet warna gratis untuk Chrome. Tekan tombolnya atau Alt+P, arahkan kaca pembesar ke piksel mana pun, lalu klik: kode HEX, RGB, atau HSL sudah ada di clipboard Anda. 50 warna terakhir menunggu di popup.

Tambahkan ke Chrome — gratis

453 pengguna di Chrome Web Store

Juga berfungsi di Edge, Brave, Opera, dan browser Chromium lainnya.

Kaca pembesar persegi di atas poster pada halaman web membingkai satu piksel beserta HEX, RGB, dan HSL-nya, di samping popup Pemilih Warna Sederhana yang menampilkan #E8553D dan riwayat warna

Sekilas

Fungsinya
Pipet warna (color picker): arahkan kaca pembesar ke piksel mana pun di halaman web, klik, dan kode HEX, RGB, atau HSL-nya tersalin.
Untuk siapa
Pengembang web dan desainer yang mencocokkan warna dari situs langsung, mockup, dan tangkapan layar yang terbuka di browser, serta siapa saja yang butuh kode warna.
Harga
Gratis. Tanpa akun, tanpa versi berbayar.
Data
Riwayat dan format default Anda tersimpan di penyimpanan lokal ekstensi di perangkat Anda. Tanpa analitik, tanpa permintaan jaringan.
Berjalan di
Chrome dan browser Chromium lain yang memasang dari Chrome Web Store, di komputer. Tidak berfungsi di halaman browser seperti halaman tab baru, pengaturan, atau Chrome Web Store.
Batasan
Mengambil warna dari bagian tab yang terlihat, memakai tangkapan yang dibuat saat Anda memulai. Tanpa CMYK, Pantone, atau pemeriksaan kontras, dan tidak bisa mengambil warna di luar browser.
Versi
2.7.0, diperbarui 23 Oktober 2026

Tiga langkah, satu klik

  1. 1

    Mulai pemilih warna

    Klik ikon di toolbar lalu tekan Pilih warna, atau tekan Alt+P di halaman mana pun.

  2. 2

    Bidik dengan kaca pembesar

    Kaca pembesar persegi memperbesar area di sekitar kursor dan membingkai piksel yang tepat. Chip di bawahnya menampilkan HEX, RGB, dan HSL secara langsung.

  3. 3

    Klik dan tempel

    Kode tersalin dalam format default Anda, dan catatan singkat mengonfirmasinya. Tempel ke CSS, Figma, atau pesan.

Siapa yang memakainya

CSS

Pekerjaan front-end

Ambil nilai persis dari situs langsung untuk CSS, SCSS, atau konfigurasi Tailwind tanpa membuka DevTools.

HEX

Cek desain dan merek

Ambil palet dari antarmuka, mockup, atau referensi, lalu pastikan halaman memakai warna merek yang benar.

HSL

Menyetel warna

Ambil HSL untuk mengatur kecerahan dan saturasi secara manual, atau RGB untuk kode yang butuh angka.

Fungsinya

  • piksel, terbingkai

    Kaca pembesar memperbesar 11 × 11 piksel di sekitar kursor, dan retikel membingkai piksel yang akan Anda ambil. Bidik border satu piksel atau satu anak tangga gradien.

  • format

    HEX seperti #2A6FDB, RGB seperti rgb(42, 111, 219), HSL seperti hsl(217, 71%, 51%). Pilih format default sekali saja di popup.

  • warna di riwayat

    Setiap warna yang diambil masuk ke depan grid 50 warna terakhir Anda, tanpa duplikat. Klik swatch untuk melihat dan menyalin ketiga kodenya.

  • Pintasan Alt+P

    Mulai memilih tanpa membuka popup. Keycap di popup membuka pengaturan pintasan Chrome jika Anda ingin tombol lain.

  • permintaan jaringan

    Semuanya berjalan di browser Anda. Tanpa akun, tanpa analitik, tanpa telemetri.

  • Terang dan gelap

    Popup dan kaca pembesar mengikuti tema sistem Anda, dalam abu-abu netral yang tidak mewarnai warna yang Anda nilai.

Cara mendapatkan kode warna apa pun di halaman web

Pipet bawaan Chrome ada di dalam DevTools: buka panel Gaya, cari properti warna, klik swatch-nya, lalu pipetnya. Bisa dipakai, tapi tersembunyi, dan nilai yang diambil menggantikan properti itu di CSS halaman, bukan masuk ke clipboard Anda.

Pemilih Warna Sederhana menaruh pipet hanya satu klik atau satu pintasan dari Anda. Saat dimulai, ia mengambil tangkapan bagian tab yang terlihat dan membuka kaca pembesar persegi di atasnya, jadi Anda melihat piksel yang tepat, bukan rata-rata. Satu klik menyalin kodenya, dan popup menyimpannya bersama 50 warna terakhir dalam ketiga format.

Gulir ke bagian halaman yang Anda butuhkan sebelum memulai: kaca pembesar membaca dari tangkapan itu. Halaman browser seperti halaman tab baru, pengaturan, dan Chrome Web Store tertutup bagi semua ekstensi.

Privat sejak dirancang

  • Tanpa permintaan jaringan

    Ekstensi tidak pernah menghubungi server. Tanpa analitik, tanpa telemetri.

  • Tetap di perangkat Anda

    Riwayat dan format default Anda tersimpan di penyimpanan lokal ekstensi.

  • Empat izin

    Tab aktif, hanya saat Anda memulai pengambilan warna, untuk membuat tangkapan; scripting untuk menampilkan kaca pembesar; storage untuk riwayat dan format; tulis ke clipboard untuk menyalin kode.

Pipet DevTools vs Pemilih Warna Sederhana

Pipet DevTools vs Pemilih Warna SederhanaPipet DevToolsPemilih Warna Sederhana
Cara memulaiBuka DevTools, cari warna di Gaya, klik swatch-nya, lalu pipetnyaTombol toolbar atau Alt+P
Hasil masuk keProperti CSS yang Anda buka; Anda menyalinnya sendiriClipboard Anda, saat diklik
Format warnaHEX, RGB, HSL, dan lainnyaHEX, RGB, dan HSL
Warna yang diambil sebelumnyaTidak disimpan50 terakhir Anda, siap disalin lagi
HargaBawaan ChromeGratis

Pertanyaan

Bagaimana cara mendapatkan kode warna dari situs web?

Pasang Pemilih Warna Sederhana, tekan Alt+P di halaman, arahkan kaca pembesar ke warna, lalu klik. Kode HEX, atau RGB atau HSL jika Anda mau, tersalin ke clipboard Anda.

Bagaimana cara mengambil warna dari gambar di halaman web?

Caranya sama: mulai pemilih warna lalu klik piksel yang Anda inginkan di gambar. Kaca pembesar memperbesar tampilan, jadi Anda bisa mengambil satu piksel yang tepat.

Bisakah saya menyalin HSL atau RGB, bukan HEX?

Bisa. Pilih format default di popup: HEX, RGB, atau HSL. Popup juga menampilkan ketiganya untuk setiap warna di riwayat, masing-masing dengan tombol salinnya sendiri.

Di mana saya menemukan warna yang pernah diambil?

Buka popup: 50 warna terakhir Anda ada di sana sebagai swatch, yang terbaru di depan. Klik salah satu untuk melihat dan menyalin kodenya, atau hapus riwayat.

Bagaimana cara mengubah pintasan Alt+P?

Klik keycap pintasan di popup. Itu membuka halaman pintasan keyboard Chrome, tempat Anda bisa menetapkan tombol lain.

Mengapa tidak berfungsi di beberapa halaman?

Chrome menutup halamannya sendiri, seperti halaman tab baru, pengaturan, dan Chrome Web Store, bagi semua ekstensi. Pemilih warna juga hanya membaca bagian tab yang terlihat, jadi gulir ke warnanya dulu.

Bisakah memilih warna di luar browser?

Tidak. Hanya dari tab browser yang sedang aktif. Ia juga tidak mengonversi ke CMYK atau Pantone dan tidak memeriksa kontras.

Apakah gratis? Apakah mengumpulkan data?

Gratis dan tidak membuat permintaan jaringan. Riwayat dan format default Anda tetap berada di perangkat Anda.

Ekstensi gratis lainnya dari PYROCTAL

Bidik. Klik. Tempel.

Tambahkan ke Chrome — gratis