Cara Menggunakan Color Picker dalam Windows 11: Panduan Lengkap dengan PowerToys, Snipping Tool dan ColorPicker

Jika anda bekerja dengan reka bentuk, pembangunan atau hanya ingin memakukan ton warna yang anda lihat pada skrin, pemilih warna masuk Windows 11 Ia akan menjadikan hidup anda lebih mudah. Protagonis hari ini ialah Color Picker oleh PowerToys, utiliti yang menangkap warna dari mana-mana titik pada desktop dan menyalinnya ke papan klip dalam format yang berbeza.

Selain itu, Microsoft sedang menguji penitis mata terbina dalam Alat Snipping untuk saluran Insider, dan bagi mereka yang membuat aplikasi, terdapat kawalan WinUI ColorPicker. Dalam panduan ini kami meletakkan semua bahagian itu bersama-sama.: Cara mendayakan dan menggunakan Color Picker dalam PowerToys, perkara yang ditawarkan oleh editornya, cara menyesuaikan format, hadnya, apa yang dimasak dalam Snipping Tools dan cara memanfaatkan kawalan warna dalam XAML.

Apakah Color Picker dalam PowerToys dan untuk apa ia?

Color Picker adalah sebahagian daripada mainan microsoft power, pek utiliti lanjutan untuk pengguna Windows. Fungsinya adalah untuk membolehkan anda pilih warna dari mana-mana skrin (aplikasi, web, imej, video, dll.) dan salin hasilnya ke papan keratan dalam format yang anda suka: HEX, RGB, HSL dan banyak lagi.

Ia direka untuk mempercepatkan aliran kerja orang kreatif dan teknikal: pereka bentuk, pembangun dan pencipta kandungan yang perlu menangkap nada yang tepat dengan cepat, menggunakannya semula dan mengekalkan sejarah pilihan terkini.

Memasang PowerToys dan mengaktifkan Color Picker

Untuk menggunakan pemilih warna klasik dalam Windows 11, anda memerlukan PowerToys. Pemasangan adalah sangat mudah: Muat turun dari laman web rasmi Microsoft dan pasangkannya seperti mana-mana program lain.

Setelah dipasang, buka PowerToys dan pergi ke bahagian "Pemilih Warna". Hidupkan suis untuk mendayakan utiliti dan semak pintasan papan kekunci lalai.

Pintasan standard untuk memulakan penitis ialah Menang + Shift + Cwalaupun anda boleh buat pintasan tersuaiSelepas mengkliknya, anda akan melihat zum di bawah kursor dan boleh menuding pada mana-mana piksel untuk membaca dan menyalin warnanya.

Jika anda berminat dengan panduan yang sangat mudah, berikut ialah langkah pantas: Pasang PowerToys, dayakan Color Picker dan aktifkan dengan Win + Shift + CApabila anda mengklik, warna disalin ke papan keratan; anda kemudian boleh menampalnya di mana sahaja anda memerlukannya.

Bagaimana ia diaktifkan dan tingkah laku yang boleh anda pilih

PowerToys membolehkan anda memutuskan perkara yang berlaku apabila anda mengaktifkan penitis. Dalam "Kelakuan Pencetus" anda mempunyai dua pilihan: : buka editor secara terus atau mula-mula pilih warna pada skrin.

Jika anda memilih "Editor Terbuka", tetingkap editor Pemilih Warna akan muncul dengan sejarah dan format yang boleh anda laraskan dan salin. Jika anda memilih "Pilih warna dahulu", anda akan memasuki mod penitis mata secara langsung dan, selepas mengklik, anda akan dapat bertindak pada warna tersebut.

Memilih warna pada skrin: zum, butang tetikus dan papan keratan

Apabila anda mengaktifkan penitis mata anda akan melihat kawasan yang diperbesarkan di bawah kursor; Anda boleh menggerakkan roda tetikus untuk mengezum masuk atau keluar dan dengan itu memperhalusi piksel. Ia sesuai untuk menangkap tepi atau butiran kecil.

Tindakan butang tetikus boleh dikonfigurasikan dalam modul Pemilih Warna dalam PowerToys. Secara lalai, utiliti memperuntukkan tindakan ini untuk setiap butang apabila aktif:

Butang tetikus	Tindakan	Apakah
Klik kiri	Pilih warna dan buka editor	Salin warna pada papan keratan, menambahkannya pada sejarah dan membuka editor.
Klik dengan roda	Pilih warna dan tutup	Salin ke papan keratan, simpan pada sejarah dan tutup mod pemilih.
Klik kanan	tutup	Keluar dari pemilih tanpa meniru warna.

Apabila anda memilih warna, ia disalin secara automatik ke papan keratan menggunakan format lalai yang telah anda konfigurasikan (secara lalai ia adalah HEX, semak kod warna dalam HTML). Dalam editor anda boleh menyalin sebarang format lain yang boleh dilihat dengan klik tambahan jika anda memerlukannya.

Editor Pemilih Warna: Sejarah, Penalaan Halus dan Warna Serupa

Editor Color Picker menjimatkan sehingga 20 warna terkini supaya anda tidak kehilangan apa yang telah anda tangkap. Dari sana, anda boleh menyalin ke format pilihan anda, melaraskan warna dan mengeksport koleksi anda.

Bar warna di bahagian atas adalah kunci: Dengan mengklik pada warna tengah anda memasuki pelarasan halus, dengan kawalan untuk HSV, RGB dan HEX. Ini membolehkan anda mengubah nilai dengan tepat sehingga anda menemui warna yang anda cari.

Variasi warna ditunjukkan di bahagian atas dan bawah bar itu. Dengan mengklik pada salah satu segmen tersebut, anda memilih warna yang serupa, yang ditambahkan pada sejarah untuk mempunyai varian yang sangat hampir sedia untuk disalin.

Jika anda tidak lagi memerlukan warna, cuma klik kanan padanya dan pilih "Alih Keluar." Anda juga boleh mengeksport sejarah klik kanan dan "Eksport", kumpulkan mengikut warna atau format mengikut kesesuaian anda.

Di samping itu, editor boleh dikonfigurasikan: tentukan format warna yang anda mahu lihat untuk mempercepatkan aliran kerja anda. Dalam Tetapan PowerToys, dalam Color Picker, anda boleh mengaktifkan, menyusun semula dan menyembunyikan format.

Pilihan konfigurasi utama

Modul Color Picker termasuk beberapa pilihan yang berguna. Ini adalah yang paling relevan untuk memperibadikan pengalaman:

konfigurasi	Huraian
Gabungan kunci pengaktifan	Pintasan yang melancarkan pemilih warna (secara lalai, Win + Shift + C).
Tingkah laku pengaktifan	Pilih jika penyunting terbuka o pilih warna dahulu semasa mengaktifkan alat.
Aksi tetikus	Konfigurasikan perkara yang dilakukan oleh setiap butang semasa Pemilih Warna aktif (klik kiri, roda dan klik kanan).
Format warna lalai	Tentukan format lalai yang disalin ke papan keratan (HEX, RGB, dsb.).
Paparkan nama warna	Aktifkan satu label peringkat tinggi seperti "Hijau Muda", "Hijau" atau "Hijau Gelap".
Format warna	Dayakan, tambah dan menyusun semula format kelihatan dalam editor.

Urus format warna: tambah, edit, lumpuhkan dan isih

Dari bahagian format, anda boleh tambahkan format tersuai, editnya, padamkannya, lumpuhkan buat sementara waktu dan ubah susunannya supaya ia muncul dalam editor dalam urutan yang anda suka.

Untuk menyusun semula, tekan butang "lagi" (••) di sebelah format dan pilih Atas atau BawahJika anda lebih suka menyembunyikannya tanpa memadamkannya, matikan suisnya; format yang dilumpuhkan tidak akan muncul dalam editor.

Jika anda perlu mengalih keluar satu sepenuhnya, kembali ke “lagi” (••) dan tekan Membuang. Untuk mencipta yang baharu, gunakan “Tambah Format Warna Tersuai” dan masukkan Nama dan Format mengikut sintaks yang ditunjukkan dalam kotak dialog.

Apabila mengedit format sedia ada, pilih entrinya dan laraskan Nama dan Format dalam tetingkap "Edit Format Warna Tersuai". Di bawah, anda akan melihat bantuan dengan token yang tersedia untuk membina rantaian anda.

Ini ialah parameter yang boleh anda gunakan untuk menentukan output format tersuai; Setiap token mewakili komponen warna atau data terbitan:

Parameter	Maksudnya
%Semula	merah
%Gr	hijau
%Bl	azul
%Al	alfa
%Cy	cyan
%Ma	magenta
% Ye	kuning
%Bk	kunci hitam
%Hu	rona
% Si	ketepuan (HSI)
%Sl	ketepuan (HSL)
%Sb	ketepuan (HSB)
%Br	bersinar
%Dalam	data yang digunakan
%Hn	rona (semula jadi)
%L	cahaya (semula jadi).
%Lc	cahaya (CIE)
%Pergi	nilai
%Wh	blancura
%Bn	kegelapan
%AC	kromatik A
%Cb	kromatik B
%Xv	nilai X
%Yv	nilai Y
%Zv	gagah Z
%Dv	nilai perpuluhan
%Na	nama warna

Saluran merah, hijau, biru dan alfa menyokong berbeza pemformat untuk menentukan cara ia akan dipaparkan (contohnya, dalam bait, dalam heks atau sebagai terapung):

Pemformat	Maksudnya
b	nilai dalam bait (predeterminado)
h	heks satu digit
H	HEX satu digit
x	heks dua digit
X	HEX dua digit
f	terapung dengan sifar awal
F	terapung tanpa sifar pendahuluan

Sebagai contoh, "%ReX"mewakili nilai merah dalam perenambelasan dua digit dan dalam huruf besar. Anda boleh mencampurkan teks dan token: format sampel boleh jadi new Color (R = %Re, G = %Gr, B = %Bl).

Had semasa Pemilih Warna

Seperti mana-mana alat, ia mempunyai hadnya. Terdapat konteks di mana ia tidak ditunjukkan di atas, seperti menu Mula atau Pusat Tindakan; anda masih boleh memilih warna di belakangnya.

Jika aplikasi fokus berjalan sebagai pentadbir, pintasan pengaktifan tidak akan bertindak balas melainkan PowerToys juga berjalan dengan keistimewaan yang tinggi. Ini adalah sekatan keselamatan sistem.

Akhirnya, WCG atau kandungan lain tidak disokong HDR buat masa ini, jadi warna dalam gamut lebar atau ruang julat dinamik tinggi tidak ditangkap dengan tepat.

Baharu: Penitis mata dalam Alat Snipping (Dalam)

Dalam binaan pratonton Windows 11 untuk Saluran Dalam, Apl Clippings termasuk penitis mataAnda akan melihat ikon penitis dalam bar alat apabila anda membuka alat.

Apabila anda mengaktifkannya dan mengarahkan tetikus, sistem dipaparkan tiga kod warna: HEX, RGB dan HSLIa adalah penyelesaian yang mudah dan sangat intuitif, direka untuk pertanyaan pantas tanpa memasang apa-apa tambahan.

Pada masa ini ciri hanya mencapai beberapa pengguna Orang Dalam, jadi ia tidak tersedia dalam versi stabil. Kemungkinan besar ia akan dilancarkan kepada lebih banyak peranti dalam beberapa minggu akan datang, tetapi ia bergantung pada rancangan keluaran Microsoft.

Media khusus telah merangkumi ciri baharu ini, mengulas bahawa sehingga kini Windows 11 tidak menyertakan pelancar asli di luar PowerToys. ComputerHoy menunjukkan perkara ini dalam artikelnya (tag: Windows 11), dan ingat bahawa Alat Snipping sentiasa bertambah baik.

Langkah Pantas dengan Pemilih Warna PowerToys

Jika anda mahukan senarai semak minimalis untuk anda bermula, ini dia. Ia adalah tiga langkah dan itu sahaja. untuk menangkap warna seperti syot.

• Pasang PowerToys: muat turun dari laman web rasmi dan pasang pakej.
• Dayakan Pemilih Warna: Buka PowerToys, pergi ke "Pemilih Warna" dan aktifkan suis.
• Aktifkan penitis mata: kegunaan Win + Shift + C, tuding pada warna dan klik untuk salin kodnya ke papan keratan.

Jika anda ingin mengembangkan dan melihat tetapan lanjutan, modul PowerToys sendiri membimbing anda melaluinya, dan terdapat juga artikel pihak ketiga yang menerangkannya langkah demi langkah. Malah terdapat rujukan di winsides.com dengan panduan khusus tentang Color Picker.

Cadangan untuk penggunaan dan pengalaman pemilihan

Sebelum anda menjadi gila dengan seribu pilihan, fikirkan senario anda. Untuk kegunaan tidak formal, pemilih yang dipermudahkan mempercepatkan tugas; untuk tugas ketepatan, adalah dinasihatkan untuk mendedahkan kawalan terperinci.

Untuk ketepatan maksimum, gunakan spektrum warna dalam segi empat sama dengan saiz minimum 256 × 256 atau dayakan kotak teks untuk melaraskan nilai berangka. Ini adalah cara untuk memakukan warna yang tepat.

Jika anda menggunakan pemilih di dalam kawalan terapung, yang menyentuh spektrum atau menggerakkan gelangsar tidak mengesahkan sendiri. Menambah butang Sahkan/Batal dan membolehkan anda membuang dengan menekan di luar atau menggunakan butang Kembali.

Dalam amalan, banyak aliran berfungsi lebih baik jika anda hanya menggunakan pilihan apabila mengesahkan atau menutup flyout itu. Jika tidak, anda boleh menyimpan warna buat sementara waktu dan gunakannya kemudian.

ColorPicker untuk Pembangun: Mencipta Pemilih Warna dalam XAML

Jika anda membina aplikasi desktop dengan WinUI 3 atau UWP/WinUI 2, anda mempunyai a Kawalan ColorPicker sedia untuk digunakan. Membenarkan spektrum segi empat sama atau cincin, medan RGB/HSV/HEX, pratonton dan banyak lagi.

Contoh XAML minimum untuk WinUI 3: pemilih warna lalai yang boleh anda baca daripada kod.

<ColorPicker x:Name="myColorPicker" />

Untuk tindak balas segera, anda boleh mengikat sifat Warna ke berus isi dan lihat perubahan dalam masa nyata pada elemen visual.

<ColorPicker x:Name="myColorPicker" ColorSpectrumShape="Ring" IsColorPreviewVisible="False" IsColorChannelTextInputVisible="False" IsHexInputVisible="False" />
<Rectangle Height="50" Width="50">
  <Rectangle.Fill>
    <SolidColorBrush Color="{x:Bind myColorPicker.Color, Mode=OneWay}" />
  </Rectangle.Fill>
</Rectangle>

Jika anda memilih untuk mengesahkan pada akhirnya, hos pemilih dalam flyout dengan Butang OK dan Batal. Dengan cara ini, anda hanya menggunakan warna apabila pengguna mengesahkannya.

<Page.Resources>
  <Flyout x:Key="myColorPickerFlyout">
    <RelativePanel>
      <ColorPicker x:Name="myColorPicker" IsColorChannelTextInputVisible="False" IsHexInputVisible="False" />
      <Grid RelativePanel.Below="myColorPicker" RelativePanel.AlignLeftWithPanel="True" RelativePanel.AlignRightWithPanel="True">
        <Grid.ColumnDefinitions>
          <ColumnDefinition />
          <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Button Content="OK" Click="confirmColor_Click" Margin="0,12,2,0" HorizontalAlignment="Stretch" />
        <Button Content="Cancel" Click="cancelColor_Click" Margin="2,12,0,0" HorizontalAlignment="Stretch" Grid.Column="1" />
      </Grid>
    </RelativePanel>
  </Flyout>
</Page.Resources>
<Grid>
  <Button x:Name="colorPickerButton" Content="Pick a color" Flyout="{StaticResource myColorPickerFlyout}" />
</Grid>

private Color myColor;
private void confirmColor_Click(object sender, RoutedEventArgs e)
{
  // Asigna el color seleccionado a una variable para usarlo fuera del flyout.
  myColor = myColorPicker.Color;
  // Cierra el Flyout.
  colorPickerButton.Flyout.Hide();
}
private void cancelColor_Click(object sender, RoutedEventArgs e)
{
  // Cierra el Flyout.
  colorPickerButton.Flyout.Hide();
}

Anda boleh mengkonfigurasi bentuk spektrum. Cincin lebih tidak formal, manakala segi empat sama menawarkan julat dan ketepatan yang lebih besar.

<ColorPicker x:Name="myColorPicker" ColorSpectrumShape="Ring" />

Anda juga boleh menunjukkan saluran alfa untuk kelegapan dan kotak teks yang berkaitan.

<ColorPicker x:Name="myColorPicker" IsAlphaEnabled="True" />

Jika anda mahukan antara muka yang lebih bersih, sembunyikan pratonton dan input teks untuk ditawarkan pemilih mudah berasaskan cincin dan gelangsar.

<ColorPicker x:Name="myColorPicker"
             ColorSpectrumShape="Ring"
             IsColorPreviewVisible="False"
             IsColorChannelTextInputVisible="False"
             IsHexInputVisible="False" />

Akhir sekali, laraskan orientasi mendatar atau menegak mengikut reka bentuk anda untuk menempatkan semula spektrum dan editor.

<ColorPicker IsAlphaEnabled="True" Orientation="Horizontal" />

UWP/WinUI 2 juga termasuk kawalan ini melalui perpustakaan WinUI 2; gunakan alias XAML (cth., muxc) untuk merujuk ruang nama perpustakaan.

xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
<muxc:ColorPicker />

Panel Pilihan Kawalan ColorPicker (Ciri Terdedah)

Dalam kawalan XAML anda mempunyai sifat untuk menunjukkan/menyembunyikan bahagian pemilih. Bendera ini mengawal spektrum, nilai, alfa dan heks dalam kawalan:

ciri	hartanah
Spektrum warna	Spektrum Warna Kelihatan, ShapeColorSpectrum, Komponen Spektrum Warna
Pratonton Warna	IsColorPreviewVisible
Nilai warna	IsColorSliderVisible, IsColorChannelTextInputVisible
Nilai kelegapan	IsAlphaEnabled, IsAlphaSliderVisible, IsAlphaTextInputVisible
Nilai heksadesimal	IsHexInputVisible

Trik dan Senario Berkaitan: PowerPoint dan Banyak Lagi

Di luar PowerToys, banyak aplikasi termasuk penitis mereka sendiri. Dalam PowerPoint untuk desktop anda boleh menyalin dan menggunakan warna kepada bentuk, teks atau latar belakang dengan langkah asas ini.

• Pilih item yang anda mahu mewarna semula.
• Pilih alat penitis dalam pemilih warna.
• Klik pada warna skrin yang anda ingin gunakan dan sahkan dengannya menerima.

Untuk latar belakang slaid: pergi ke Format > Latar Belakang Slaid > Warna > Lebih Banyak Warna, pilih penitis, pilih warna dan sahkan dengan OK. Jika anda mahu ia menjejaskan keseluruhan dokumen, tekan terpakai kepada semua dalam panel latar belakang.

Jika anda membuat kesilapan atau mengubah fikiran anda, anda boleh batalkan dengan Esc atau gunakan "Tetapkan Semula Latar Belakang." Anda akan melihat pratonton warna yang dikesan pada skrin sebelum menggunakannya.