Pemilih Warna Mudah

Pemilih warna percuma untuk Chrome

Pilih warna daripada mana-mana halaman. Dapat #E8553D

Pemilih Warna Mudah ialah penitis warna percuma untuk Chrome. Tekan butangnya atau Alt+P, halakan pada mana-mana piksel melalui kanta zum dan klik: kod HEX, RGB atau HSL sudah ada di papan keratan anda. 50 warna terakhir anda menunggu dalam popup.

Tambah ke Chrome — percuma

453 pengguna di Chrome Web Store

Turut berfungsi dalam Edge, Brave, Opera dan pelayar Chromium yang lain.

Kanta zum segi empat sama di atas poster pada halaman web membingkai satu piksel dengan HEX, RGB dan HSL, di sebelah popup Pemilih Warna Mudah yang menunjukkan #E8553D dan sejarah warna

Sekilas pandang

Fungsinya
Penitis warna: halakan pada mana-mana piksel pada halaman web melalui kanta zum, klik, dan kod HEX, RGB atau HSL disalin.
Untuk siapa
Pembangun web dan pereka yang memadankan warna daripada tapak langsung, reka letak dan tangkapan skrin yang dibuka dalam pelayar, serta sesiapa yang memerlukan kod warna.
Harga
Percuma. Tiada akaun, tiada versi berbayar.
Data
Sejarah dan format lalai anda kekal dalam storan setempat sambungan pada peranti anda. Tiada analitik, tiada permintaan rangkaian.
Berfungsi dalam
Chrome dan pelayar Chromium lain yang memasang daripada Chrome Web Store, pada komputer. Tidak pada halaman pelayar seperti halaman tab baharu, tetapan atau Chrome Web Store.
Had
Memilih daripada bahagian tab yang kelihatan, menggunakan tangkapan yang diambil apabila anda bermula. Tiada CMYK, Pantone atau semakan kontras, dan tiada pemilihan di luar pelayar.
Versi
2.7.0, dikemas kini 23 Oktober 2026

Tiga langkah, satu klik

  1. 1

    Mulakan pemilih

    Klik ikon bar alat dan tekan Pilih warna, atau tekan Alt+P pada mana-mana halaman.

  2. 2

    Halakan dengan kanta

    Kanta segi empat sama membesarkan kawasan di sekeliling kursor dan membingkai tepat satu piksel. Cip di bawahnya menunjukkan HEX, RGB dan HSL secara langsung.

  3. 3

    Klik dan tampal

    Kod disalin dalam format lalai anda dan nota ringkas mengesahkannya. Tampalkan ke dalam CSS, Figma atau mesej.

Siapa yang menggunakannya

CSS

Kerja bahagian hadapan

Ambil nilai tepat daripada tapak langsung untuk CSS, SCSS atau konfigurasi Tailwind tanpa membuka DevTools.

HEX

Semakan reka bentuk dan jenama

Ambil palet daripada antara muka, reka letak atau rujukan, dan semak sama ada halaman menggunakan warna jenama yang betul.

HSL

Melaras warna

Gunakan HSL untuk melaraskan kecerahan dan ketepuan secara manual, atau RGB untuk kod yang memerlukan nombor.

Fungsinya

  • piksel, dibingkai

    Kanta membesarkan 11 × 11 piksel di sekeliling kursor dan garis silang membingkai piksel yang akan anda ambil. Kenai sempadan satu piksel atau satu langkah dalam kecerunan.

  • format

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

  • warna dalam sejarah

    Setiap warna yang dipilih masuk ke hadapan grid 50 warna terakhir anda, tanpa pendua. Klik satu swatch untuk melihat dan menyalin ketiga-tiga kod.

  • Pintasan Alt+P

    Mula memilih tanpa membuka popup. Kekunci dalam popup membuka tetapan pintasan Chrome jika anda mahu kekunci lain.

  • permintaan rangkaian

    Semuanya berjalan dalam pelayar anda. Tiada akaun, tiada analitik, tiada telemetri.

  • Cerah dan gelap

    Popup dan kanta mengikut tema sistem anda, dalam warna kelabu neutral yang tidak mewarnai warna yang anda nilai.

Cara mendapatkan kod warna apa-apa sahaja pada halaman web

Penitis warna Chrome sendiri terletak di dalam DevTools: buka panel Gaya, cari sifat warna, klik swatchnya, kemudian penitis. Ia berfungsi, tetapi tersembunyi, dan nilai yang dipilih menggantikan sifat itu dalam CSS halaman dan bukannya masuk ke papan keratan anda.

Pemilih Warna Mudah meletakkan penitis warna hanya satu klik atau satu pintasan jauhnya. Apabila anda bermula, ia mengambil tangkapan bahagian tab yang kelihatan dan membuka kanta segi empat sama di atasnya, supaya anda melihat piksel yang tepat, bukan purata. Satu klik menyalin kod, dan popup menyimpannya bersama 50 warna terakhir anda dalam ketiga-tiga format.

Tatal ke bahagian halaman yang anda perlukan sebelum bermula: kanta membaca daripada tangkapan itu. Halaman pelayar seperti halaman tab baharu, tetapan dan Chrome Web Store ditutup kepada semua sambungan.

Peribadi sejak asal

  • Tiada permintaan rangkaian

    Sambungan ini tidak pernah berhubung dengan pelayan. Tiada analitik, tiada telemetri.

  • Kekal pada peranti anda

    Sejarah dan format lalai anda berada dalam storan setempat sambungan.

  • Empat kebenaran

    Tab aktif, hanya apabila anda memulakan pemilihan, untuk mengambil tangkapan; skrip untuk memaparkan kanta; storan untuk sejarah dan format; tulis papan keratan untuk menyalin kod.

Penitis warna DevTools lwn Pemilih Warna Mudah

Penitis warna DevTools lwn Pemilih Warna MudahPenitis warna DevToolsPemilih Warna Mudah
Cara memulakanBuka DevTools, cari warna dalam Gaya, klik swatchnya, kemudian penitisButang bar alat atau Alt+P
Hasil masuk keSifat CSS yang anda buka; anda menyalinnya sendiriPapan keratan anda, apabila diklik
Format warnaHEX, RGB, HSL dan lagiHEX, RGB dan HSL
Warna yang dipilih sebelum iniTidak disimpan50 terakhir anda, sedia disalin semula
HargaTerbina dalam ChromePercuma

Soalan

Bagaimana saya mendapatkan kod warna daripada laman web?

Pasang Pemilih Warna Mudah, tekan Alt+P pada halaman, halakan kanta pada warna dan klik. Kod HEX, atau RGB atau HSL jika anda lebih suka, disalin ke papan keratan anda.

Bagaimana saya memilih warna daripada imej pada halaman web?

Dengan cara yang sama: mulakan pemilih dan klik piksel yang anda mahu pada gambar. Kanta membesarkan, jadi anda boleh mengambil satu piksel yang tepat.

Bolehkah saya menyalin HSL atau RGB dan bukannya HEX?

Boleh. Pilih format lalai dalam popup: HEX, RGB atau HSL. Popup juga menunjukkan ketiga-tiganya untuk mana-mana warna dalam sejarah anda, masing-masing dengan butang salin sendiri.

Di mana saya boleh mencari warna yang saya pilih sebelum ini?

Buka popup: 50 warna terakhir anda ada di sana sebagai swatch, yang terbaharu dahulu. Klik satu untuk melihat dan menyalin kodnya, atau kosongkan sejarah.

Bagaimana saya menukar pintasan Alt+P?

Klik kekunci pintasan dalam popup. Ia membuka halaman pintasan papan kekunci Chrome, tempat anda boleh menetapkan kekunci lain.

Mengapa ia tidak berfungsi pada sesetengah halaman?

Chrome menutup halamannya sendiri, seperti halaman tab baharu, tetapan dan Chrome Web Store, kepada semua sambungan. Pemilih juga hanya membaca bahagian tab yang kelihatan, jadi tatal ke warna itu dahulu.

Bolehkah ia memilih warna di luar pelayar?

Tidak. Ia hanya memilih daripada tab pelayar semasa. Ia juga tidak menukar kepada CMYK atau Pantone dan tidak menyemak kontras.

Adakah ia percuma? Adakah ia mengumpul data?

Ia percuma dan tidak membuat permintaan rangkaian. Sejarah dan format lalai anda kekal pada peranti anda.

Lebih banyak sambungan percuma daripada PYROCTAL

Halakan. Klik. Tampal.

Tambah ke Chrome — percuma