Kako koristiti alat za odabir boja u sustavu Windows 11: Potpuni vodič s PowerToysima, alatom za izrezivanje i alatom za odabir boja

Ako radite s dizajnom, razvojem ili jednostavno želite točno odrediti ton boje koju vidite na ekranu, alat za odabir boja u Windows 11 To će vam olakšati život. Današnji protagonist je Color Picker tvrtke PowerToys., uslužni program koji snima boje s bilo koje točke na radnoj površini i kopira ih na međuspremnik u različitim formatima.

Osim toga, Microsoft testira kapaljku ugrađenu u alat za izrezivanje za Insider kanal i za one koji stvaraju aplikacije, tu je i kontrola WinUI ColorPicker. U ovom vodiču smo sve te dijelove spojili.Kako omogućiti i koristiti alat za odabir boja u PowerToys-u, što njegov uređivač nudi, kako prilagoditi formate, njegova ograničenja, što se događa u alatima za izrezivanje i kako iskoristiti kontrolu boja u XAML-u.

Što je Color Picker u PowerToysu i čemu služi?

Birač boja je dio microsoft power igračke, napredni paket uslužnih programa za korisnike Windows. Njegova je funkcija omogućiti vam odaberite boje s bilo kojeg zaslona (aplikacije, web, slike, videozapisi itd.) i kopirajte rezultat u međuspremnik u formatu koji želite: HEX, RGB, HSL i mnogim drugima.

Osmišljen je za ubrzavanje radnih procesa kreativnih i tehničkih ljudi: dizajneri, programeri i kreatori sadržaja kojima je potrebno brzo snimiti točne tonove, ponovno ih upotrijebiti i održavati povijest nedavnih odabira.

Instaliranje PowerToysa i aktiviranje alata za odabir boja

Za korištenje klasičnog alata za odabir boja u sustavu Windows 11 trebat će vam PowerToys. Instalacija je vrlo jednostavnaPreuzmite ga sa službene Microsoftove web stranice i instalirajte ga kao i bilo koji drugi program.

Nakon instalacije, otvorite PowerToys i idite na odjeljak "Birač boja". Uključite prekidač kako biste omogućili uslužni program i provjerite zadani prečac na tipkovnici.

Standardni prečac za pokretanje kapaljke je Win + Shift + Ciako možete stvoriti prilagođene prečaceNakon što kliknete na njega, vidjet ćete zumiranje ispod kursora i možete zadržati pokazivač iznad bilo kojeg piksela kako biste pročitali i kopirali njegovu boju.

Ako vas zanima vrlo jednostavan vodič, evo brzih koraka: Instalirajte PowerToys, omogućite Color Picker i aktivirajte ga s Win + Shift + CKada kliknete, boja se kopira u međuspremnik; zatim je možete zalijepiti gdje god vam je potrebna.

Kako se aktivira i koje ponašanje možete odabrati

PowerToys vam omogućuje da odlučite što će se dogoditi kada aktivirate kapaljku. U odjeljku "Ponašanje okidača" imate dvije mogućnosti: : otvorite uređivač izravno ili prvo odaberite boju na zaslonu.

Ako odaberete "Otvori uređivač", pojavit će se prozor uređivača alata za odabir boja s vidljivom poviješću i formatima koje možete prilagoditi i kopirati. Ako odaberete "Prvo odaberite boju", izravno ćete ući u način rada kapaljke i, nakon klika, moći ćete djelovati na tu boju.

Odabir boja na zaslonu: zumiranje, tipke miša i međuspremnik

Kada aktivirate kapaljku, vidjet ćete uvećano područje ispod kursora; Možete pomicati kotačić miša za zumiranje i tako fino podesiti piksel. Idealno je za snimanje rubova ili sitnih detalja.

Radnje tipki miša mogu se konfigurirati u modulu za odabir boja unutar PowerToysa. Prema zadanim postavkama, uslužni program dodjeljuje ove radnje za svaki gumb kada je aktivan:

Kada odaberete boju, ona se automatski kopira u međuspremnik pomoću zadani format koje ste konfigurirali (prema zadanim postavkama je HEX, provjerite kodovi boja u HTML-u). U editoru možete kopirati bilo koji drugi vidljivi format s dodatnim klikom ako vam je potrebno.

Uređivač odabira boja: Povijest, fino podešavanje i slične boje

Uređivač za odabir boja sprema do 20 nedavnih boja kako ne biste izgubili ono što ste već snimili. Odatle možete kopirati u željeni format, prilagoditi boju i izvesti svoju kolekciju.

Traka boja na vrhu je ključna: Klikom na središnju boju ulazite u fino podešavanje, s kontrolama za HSV, RGB i HEX. To vam omogućuje precizno podešavanje vrijednosti dok ne pronađete željenu nijansu.

Varijacije boja prikazane su na vrhu i dnu te trake. Klikom na jedan od tih segmenata odabirete sličnu boju, koji se dodaje u povijest kako bi se imale vrlo slične varijante spremne za kopiranje.

Ako vam više nije potrebna boja, jednostavno kliknite desnom tipkom miša na nju i odaberite "Ukloni". Također možete izvesti povijest kliknite desnom tipkom miša i "Izvoz", grupirajući po boji ili formatu kako vam odgovara.

Osim toga, uređivač je konfiguriran: odlučite koje formate boja želite vidjeti kako biste ubrzali svoj tijek rada. U postavkama PowerToysa, unutar alata za odabir boja, možete aktivirati, promijeniti redoslijed i sakriti formate.

Glavne opcije konfiguracije

Modul za odabir boja uključuje nekoliko korisnih postavki. Ovo su najrelevantniji za personalizaciju iskustva:

Upravljanje formatima boja: dodavanje, uređivanje, onemogućavanje i sortiranje

U odjeljku formata možete dodajte prilagođene formate, uredite ih, izbrišite ih, privremeno ih onemogućite i promijenite im redoslijed kako bi se u uređivaču prikazivali redoslijedom koji želite.

Za promjenu redoslijeda pritisnite gumb "više" (••) pored formata i odaberite Gore ili doljeAko ga želite sakriti bez brisanja, isključite njegov prekidač; onemogućeni formati neće se pojaviti u uređivaču.

Ako trebate potpuno ukloniti jedan, vratite se na "više" (••) i pritisnite UklonitiZa izradu novog upotrijebite "Dodaj prilagođeni format boja" i unesite Naziv i format slijedeći sintaksu naznačenu u dijaloškom okviru.

Prilikom uređivanja postojećeg formata, odaberite njegov unos i prilagodite ga Naziv i format u prozoru "Uredi prilagođeni format boja". Ispod ćete vidjeti pomoć za tokene dostupne za izgradnju vašeg lanca.

Ovo su parametri koje možete koristiti za definiranje izlaza prilagođenog formata; Svaki žeton predstavlja komponentu boje ili izvedeni podaci:

Crveni, zeleni, plavi i alfa kanali podržavaju različite formateri definirati kako će se prikazivati ​​(na primjer, u bajtovima, heksadecimalno ili kao float):

Na primjer, "%ReX"predstavlja crvena vrijednost u dvoznamenkastom heksadecimalnom sustavu i velikim slovimaMožete miješati tekst i tokene: primjer formata mogao bi biti new Color (R = %Re, G = %Gr, B = %Bl).

Trenutna ograničenja alata za odabir boja

Kao i svaki alat, ima svoja ograničenja. Postoje konteksti u kojima to nije prikazano gore, kao što je izbornik Start ili Centar za radnje; i dalje možete odabrati boju iza njega.

Ako se fokusirana aplikacija pokreće kao administrator, prečac za aktivaciju ne reagira osim ako se PowerToys također ne pokreće s povišenim privilegijama. Ovo je sigurnosno ograničenje sustava.

konačno, WCG ili drugi sadržaj nije podržan HDR za sada, pa se boje u širokom rasponu ili visokom dinamičkom rasponu ne snimaju točno.

Novo: Kapaljka u alatu za izrezivanje (Insider)

U preglednim verzijama sustava Windows 11 za Insider Channel, Aplikacija Clippings uključuje kapaljkuKada otvorite alat, u alatnoj traci vidjet ćete ikonu kapaljke.

Kada ga aktivirate i zadržite pokazivač miša, sustav prikazuje tri koda boja: HEX, RGB i HSLTo je jednostavno, vrlo intuitivno rješenje, osmišljeno za brze upite bez instaliranja ičega dodatnog.

Trenutno je značajka dosegnulo je samo neke korisnike Insidera, tako da nije dostupan u stabilnoj verziji. Vrlo je vjerojatno da će biti dostupan na više uređaja u nadolazećim tjednima, ali to će ovisiti o Microsoftovom planu izdanja.

Specijalizirani mediji izvještavali su o ovoj novoj značajki, komentirajući da Windows 11 do sada nije uključivao izvorni pokretač osim PowerToysa. ComputerHoy to ističe u svojim člancima (oznake: Windows 11)i imajte na umu da se Alat za izrezivanje stalno poboljšava.

Brzi koraci s PowerToys alatom za odabir boja

Ako želite minimalistički popis za početak, evo ga. To su tri koraka i to je to. uhvatiti boje kao u snimci.

• Instalirajte PowerToys: preuzmite paket sa službene stranice i instalirajte ga.
• Omogući alat za odabir boja: Otvorite PowerToys, idite na "Birač boja" i aktivirajte prekidač.
• Aktivirajte kapaljku: namjene Win + Shift + C, zadržite pokazivač iznad boje i kliknite za kopirajte njegov kod u međuspremnik.

Ako želite proširiti i vidjeti napredne postavke, sam PowerToys modul vas vodi kroz to, a postoje i članci trećih strana koji to objašnjavaju korak po korak. Postoji čak i referenca na winsides.com s posebnim vodičem za Birač boja.

Preporuke za korištenje i iskustvo odabira

Prije nego što poludite s tisuću opcija, razmislite o svom scenariju. Za neformalnu upotrebu, pojednostavljeni selektor ubrzava zadatak; za precizne zadatke preporučljivo je izložiti detaljne kontrole.

Za maksimalnu točnost koristite spektar boja u kvadratu minimalne veličine 256 × 256 ili omogućite tekstualne okvire za podešavanje numeričkih vrijednosti. Ovo je način za precizno određivanje boje.

Ako koristite selektor unutar plutajuće kontrole, koja dodirivanje spektra ili pomicanje klizača ne potvrđuje samostalno. Dodaje gumbe Potvrdi/Otkaži i omogućuje odbacivanje pritiskom izvana ili pomoću gumba Natrag.

U praksi, mnogi tokovi funkcioniraju bolje ako samo primijenite izbor prilikom potvrde ili zatvaranja skočni izbornik. U suprotnom, boju možete privremeno spremiti i primijeniti je kasnije.

ColorPicker za razvojne programere: Izrada alata za odabir boja u XAML-u

Ako gradite desktop aplikacije s WinUI 3 ili UWP/WinUI 2, imate Kontrola ColorPicker spremna za korištenjeOmogućuje kvadratni ili prstenasti spektar, RGB/HSV/HEX polja, pregled i još mnogo toga.

Minimalni XAML primjer za WinUI 3: zadani alat za odabir boja koje možete pročitati iz koda.

<ColorPicker x:Name="myColorPicker" />

Za trenutne reakcije možete vezati svojstvo Color na kist za ispunjavanje i pogledajte promjene u stvarnom vremenu na vizualnom elementu.

<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>

Ako želite potvrditi na kraju, postavite selektor u skočni izbornik s Tipke U redu i OdustaniNa ovaj način, boju primjenjujete samo kada je korisnik potvrdi.

<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();
}

Možete konfigurirati oblik spektra. Prsten je neformalniji, dok kvadrat nudi veći domet i točnost.

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

Također možete pokazati alfa kanal za neprozirnost i pripadajući tekstualni okvir.

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

Ako želite čišće sučelje, sakrijte pregled i unos teksta kako biste ponudili jednostavan selektor na bazi prstena i klizača.

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

Na kraju, prilagodite horizontalna ili vertikalna orijentacija prema vašem nacrtu za premještanje spektra i urednika.

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

UWP/WinUI 2 također uključuje ovu kontrolu putem WinUI 2 biblioteke; koristite XAML alias (npr. muxc) za referenciranje imenskog prostora knjižnice.

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

Ploča s opcijama kontrole ColorPickera (izložene značajke)

U XAML kontrolama imate svojstva za prikazivanje/skrivanje dijelova selektora. Ove zastavice kontroliraju spektar, vrijednosti, alfa i heksadecimalni broj pod kontrolom:

Povezani trikovi i scenariji: PowerPoint i više

Osim PowerToysa, mnoge aplikacije uključuju vlastitu kapaljku. U PowerPointu za stolna računala možete kopirati i primijeniti boju na oblik, tekst ili pozadinu pomoću ovih osnovnih koraka.

• Odaberite željenu stavku prebojiti.
• Odaberite alat kapalica u biraču boja.
• Kliknite na boju zaslona koju želite primijeniti i potvrdite s prihvatiti.

Za pozadinu slajda: idite na Format > Pozadina slajda > Boja > Više boja, odaberite kapalica, odaberite boju i potvrdite s OK. Ako želite da se to odnosi na cijeli dokument, pritisnite primjenjivati ​​na sve u pozadinskoj ploči.

Ako pogriješite ili se predomislite, možete otkazati s Esc ili upotrijebite "Resetiraj pozadinu". Vidjet ćete pregled detektirane boje na zaslonu prije nego što je primijenite.

Povezani članak:

Kako odabrati boje s bilo kojeg mjesta na zaslonu pomoću alata za odabir boja u sustavu Windows 11

Isaac

Strastveni pisac o svijetu bajtova i tehnologije općenito. Volim dijeliti svoje znanje pisanjem, a to je ono što ću učiniti na ovom blogu, pokazati vam sve najzanimljivije stvari o gadgetima, softveru, hardveru, tehnološkim trendovima i još mnogo toga. Moj cilj je pomoći vam da se snađete u digitalnom svijetu na jednostavan i zabavan način.