Olitpa verkkosuunnittelija^{(web designer)} , taiteilija tai vain henkilö, joka haluaa yhdistää värejä, Google Chrome tarjoaa ^{(Google Chrome)}Chrome Web Storessa^{(Chrome Web Store)} useita lisäosia, jotka voivat auttaa.

Värinvalitsin Chrome -laajennuksen avulla voit saada HEX- , RGB- tai HSL -arvot mille tahansa haluamallesi värille verkossa. Osoita^(Simply) vain osoitinta värin kohdalle ja hanki väriä vastaava koodi.

Tässä on 10 Chromen^(Chrome) värinvalitsinlaajennusta alkaen niistä, joissa on lisäominaisuuksia ja toimintoja, joista saatat nauttia.

1. Värinvalitsintyökalu – Geco^{(Color Picker Tool – Geco)}

Voit hankkia värikoodin mille tahansa verkkosivulla näkemällesi värille Color Picker Tool - Geco -työkalulla^{(Color Picker Tool – Geco)} .

1. Valitse työkalupalkista laajennuspainike.
2. Osoita kursori värin kohdalle, jonka haluat tunnistaa.
3. Napsauta^(Click) tallentaaksesi värin laajennusluetteloon.

Näet sitten HEX- , RGB- ja HSL -koodit laajennuksen ikkunan Uusi-^(New) ja Valittu^(Picked) -osissa. Valitse edellinen väri, jonka olet tunnistanut, ja näet kyseiset koodit Uusi^(New) -osiossa.

Lisäominaisuuksia:

• Kopioi HEX - värikoodi automaattisesti leikepöydällesi, jotta se on helppo liittää tarvittaessa.
• Lataa ^(Download)CSV - tiedosto väripaletistasi HEX- , RGB- ja HSL - koodeilla.
• Säädä^(Adjust) asetuksia leikepöydälle kopioimista varten, ilmoituksen ottaminen käyttöön ja hiiren kakkospainikkeella.

2. AKColor

Käytä AKColorin^(AKColor) pipettityökalua nappaaksesi värikoodin miltä tahansa verkkosivulta, jonka näet.

1. Valitse työkalupalkista laajennuspainike.
2. Valitse vasemmalla oleva pipetti^(eyedropper) ja osoita osoitin värin kohdalle, jonka haluat tunnistaa.
3. Napsauta^(Click) nähdäksesi värikoodit sekä alueen lähimmän värin ja keskimääräisen värin.

Näet mukavan ponnahdusikkunan, jossa on RGB- , RGBA- , HEX- , HSL- ja HSLA -värikoodit . Valitse^(Choose) mikä tahansa koodi kopioidaksesi väriarvot leikepöydällesi. Valitse sitten Valitse uudelleen^{(Pick Again)} tai Sulje^{( Close)} .

Lisäominaisuuksia:

• Käytä suoraan laajennukseen sisäänrakennettua Color Converteria^{(Color Converter)} ja Gradient Generatoria .^{(Gradient Generator)}
• Hyödynnä^(Take) pikanäppäimiä värien nopeaa ja helppoa tunnistamista varten.
• Säädä^(Adjust) yötilan asetuksia, käyttöliittymää, pikselisuurentimen kokoa, zoomaustasoa ja paljon muuta.

3. Valitse väri^{(Pick Color)}

Jos etsit värinvalitsinta, jota voit käyttää muissa paikoissa pelkän verkon sijaan, Pick Color on sinulle sopiva työkalu.

1. Valitse työkalupalkista laajennuspainike.
2. Valitse Valitse väri^{(Choose Your Color)} ja valitse sitten pipetti^(eyedropper) .
3. Osoita kursori värin kohdalle, jonka haluat tunnistaa. Tämä voi olla verkkosivustolla, työpöydälläsi tai muussa sovelluksessa.
4. Napsauta^(Click) tallentaaksesi värin laajennukseen.

Näet sitten HEX- , RGB- ja HSL -värikoodit laajennuksen ikkunassa. Voit kopioida HEX - koodin valitsemalla kopiointikuvakkeen sen oikealta puolelta. Kopioi RGB- tai HSL - arvot siirtymällä alla olevaan osioon ja käyttämällä kopiointikuvakkeita.

Bonusominaisuus^{(Bonus Feature)}

Pick Color -toiminnolla^{(Pick Color)} voit nopeasti tunnistaa verkkosivun värin ja kopioida HEX - koodin leikepöydällesi parilla napsautuksella.

1. Napsauta verkkosivua hiiren kakkospainikkeella ja valitse pikavalikosta Valitse sivulta väri^{(Pick a color on the page)} .
2. Siirrä kohdistin värin kohdalle, niin näet HEX - koodin liitteenä.
3. Napsauta^(Click) kopioidaksesi värin HEX - koodi leikepöydällesi.

4. Värinvalitsin^{(Color Picker)} (by linangdata.com)

Jos haluat nähdä toisen Chrome-laajennuksen, jossa on hyödyllisiä lisäominaisuuksia^{(Chrome extension with useful extra features)} , tutustu Color^{(Color Picker)} Pickeriin osoitteessa linangdata.com.

1. Valitse työkalupalkista laajennuspainike ja siirry Pipetti^(Eyedropper) - välilehteen.
2. Valitse Pipetti^(Eyedropper) ja osoita väriä. Näet HEX - koodin, kun siirrät osoitinta.
3. Napsauta^(Click) tallentaaksesi värin laajennusluetteloon ja kopioidaksesi HEX - koodin leikepöydällesi samanaikaisesti.
4. Avaa laajennus uudelleen työkalupalkin painikkeella, niin näet HEX- , RGB- , HSL- , HSV- ja CMYK - koodit. Valitse kopiointikuvake minkä tahansa koodin oikealta puolelta sijoittaaksesi se leikepöydällesi.

Lisäominaisuuksia:

• Käytä Värinvalitsin^{(Color Picker)} -välilehteä näyttääksesi perusvärit niiden värikoodeilla.
• Kokeile Color Scale -välilehteä nähdäksesi eri värisävyt niiden värikoodeilla.
• Tutustu Color Blender -välilehteen monistaaksesi, tummentaaksesi, vaalentaaksesi ja peittääksesi värejä.

5. Silmäpipat^{(Eye Dropper)}

Eye Dropper on mukava värinpoimintavaihtoehto Chromelle^(Chrome) muutamilla bonuksilla, joista saatat pitää.

1. Valitse työkalupalkista laajennuspainike.
2. Valitse Valitse väri verkkosivulta^{(Pick color from web page)} ja siirrä kohdistin värin kohdalle. Kun liikutat osoitinta, näet HEX- ja RGB -arvot selainikkunan oikeassa alakulmassa.
3. Napsauta^(Click) väriä tallentaaksesi sen laajennusluetteloon.
4. Kun avaat laajennuksen uudelleen, näet HEX- , HSL- ja RGB -värikoodit sekä värin nimen Valittu^(Selected) väri -osiossa. 

Lisäominaisuuksia:

• Käytä Värinvalitsin^{(Color Picker)} -välilehteä sekoittaaksesi omia värejäsi.
• Vie^(Export) värihistoriasi CSV -tiedostona värikoodien kanssa.
• Säädä^(Adjust) asetuksia leikepöydälle kopioimista varten, osoittimen ulkoasun muuttaminen ja väritietojen poistaminen käytöstä, kun siirrät kohdistinta.

6. Mustakatkarapu^{(Black-shrimp)}

Jos haluat tunnistaa värit ja ryhmitellä ne nopeaa käyttöä varten, katso Black-shrimp .

1. Valitse työkalupalkista laajennuspainike. Tämä avaa lisäosan pienen ikkunan vasemmalle.
2. Osoita osoitinta värin kohdalle, jonka haluat tunnistaa, ja napsauta.
3. Näet heti HEX - koodin ikkunassa. Käytä tunnistetun värin vieressä olevaa pudotusvalikkoa nähdäksesi RGB- tai HSL - värikoodit.
4. Tallenna väri valitsemalla plusmerkki^{(plus sign)} ikkunan alareunasta.

Lisäominaisuuksia:

• Lisää ryhmä kansiokuvakkeella^(folder) ja vedä siihen tallennetut värit.
• Vie^(Export) tallennetut värit ASE ( Adobe Swatch Exchange ) -tiedostona.
• Käytä^(Use) pikanäppäimiä värin lisäämiseen, ryhmän luomiseen, poistamiseen tai vientiin.

7. Helppo värinvalitsin^{(Easy Color Picker)}

Jos hienot lisäominaisuudet eivät ole sinua varten ja haluat yksinkertaisen laajennuksen, tutustu Easy Color Picker -sovellukseen^{(Easy Color Picker)} .

1. Valitse työkalupalkista laajennuspainike.
2. Valitse oikeasta yläkulmasta Valitse -painike ja osoita väriä. ^(Pick)Kun liikutat osoitinta, näet HEX- ja RGB -arvot selainikkunan oikeassa alakulmassa.
3. Napsauta^(Click) haluamaasi väriä ja avaa sitten laajennus uudelleen -painikkeella nähdäksesi HEX- , RGB- ja HSL - koodit.

Vaikka värikoodeille ei ole yksinkertaisia ​​kopiointivaihtoehtoja, voit napsauttaa hiiren kakkospainikkeella kunkin ruudun sisällä ja valita Kopioi^(Copy) , jos sinun on liitettävä arvot muualle.

8. Colorfly Color Picker

Samanlainen kuin Easy Color Picker on Colorfly Color Picker . Tartu^(Grab) väriin, katso koodi ja kopioi arvot tarvittaessa.

1. Valitse työkalupalkista laajennuspainike.
2. Valitse Valitse väri^{(Pick Color)} -painike ja osoita väriä. Kun siirrät kohdistinta, näet HEX- ja RGB -arvot selainikkunan oikeassa alakulmassa.
3. Napsauta^(Click) haluamaasi väriä, niin näet HEX- , RGB- ja HSL -koodit laajennuksen ikkunassa. Valitse^(Select) mikä tahansa värikoodi kopioidaksesi se leikepöydällesi.

9. Värinvalitsin^{(Color Picker)} (kipelovvycheslav)

Toisella Chrome-selaimen^{(Chrome browser extension)} peruslaajennuksella on sama nimi kuin toisella luettelossamme olevalla Color Picker -laajennuksella, tällä kipelovvycheslavin laajennuksella.

1. Valitse työkalupalkista laajennuspainike.
2. Osoita osoitinta värin kohdalle, jonka haluat tunnistaa, ja napsauta.
3. Avaa laajennus uudelleen nähdäksesi HEX- , HSL- ja RGB - värikoodit.

10. Älykäs värinvalitsin^{(Smart Color Picker)}

Viimeinen yksinkertainen Chrome- laajennus ilman kelloja ja pillejä on Smart Color Picker .

1. Valitse työkalupalkista laajennuspainike.
2. Valitse Valitse väri^{(Pick Color)} -painike ja osoita väriä. Kun siirrät kohdistinta, näet HEX- ja RGB -arvot selainikkunan oikeassa alakulmassa.
3. Napsauta^(Click) haluamaasi väriä ja avaa sitten laajennus uudelleen -painikkeella nähdäksesi HEX- , RGB- ja HSL - koodit. Valitse^(Select) mikä tahansa värikoodi kopioidaksesi se leikepöydällesi.

Toivottavasti ainakin yksi näistä Chrome - laajennuksen värivalimista on juuri sitä mitä tarvitset. Pidätpä sitten lisäominaisuuksista tai haluatko pitää sen yksinkertaisena, ne ovat kaikki loistavia vaihtoehtoja.

Saat lisäapua tutustumalla laajennusten asentamiseen tai poistamiseen Chromessa^{(install or remove extensions in Chrome)} .

The Best Color Picker Chrome Extensions to Get HEX, RGB, and HSL Color Codes

Whether you’rе a web designer, artist, or just a person who wants to match colors, Google Chrome offers several add-ons in the Chrome Web Store that can help.

Using a color picker Chrome extension, you can obtain the HEX, RGB, or HSL values for any color you want on the web. Simply point your cursor to the color and get the code you need to match the color.

Here are 10 Chrome color picker extensions starting with those that have extra features and functionality you might enjoy.

1. Color Picker Tool – Geco

You can obtain a color code for any color you see on a webpage with Color Picker Tool – Geco.

1. Select the extension button in your toolbar.
2. Point your cursor at the color you want to identify.
3. Click to save the color in the extension’s list.

You’ll then see the HEX, RGB, and HSL codes in the New and Picked sections of the extension’s window. Select a previous color you’ve identified, and you’ll see those codes in the New section.

Additional Features:

• Automatically copy the HEX color code to your clipboard for easy pasting where needed.
• Download a CSV file of your color palette with HEX, RGB, and HSL codes.
• Adjust settings for copying to your clipboard, enabling a notification, and using a right-click.

2. AKColor

Use the eyedropper tool from AKColor to grab the color code from any site you see on the web.

1. Select the extension button in your toolbar.
2. Choose the eyedropper on the left and point your cursor at the color you want to identify.
3. Click to view the color codes along with the closest color and average color of the area.

You’ll see a nice pop-up window with the color codes for RGB, RGBA, HEX, HSL, and HSLA. Choose any of the codes to copy the color values to your clipboard. Then, select Pick Again or Close.

Additional Features:

• Use the Color Converter and Gradient Generator built right into the extension.
• Take advantage of keyboard shortcuts for quick and easy color identification.
• Adjust settings for night mode, the interface, the size of the pixel magnifier, the zoom level, and more.

3. Pick Color

If you’re looking for a color picker that you can use in other locations rather than just the web, Pick Color is the tool for you.

1. Select the extension button in your toolbar.
2. Pick Choose Your Color and then select the eyedropper.
3. Point your cursor at the color you want to identify. This can be on a website, your desktop, or in another application.
4. Click to save the color in the extension.

You’ll then see the HEX, RGB, and HSL color codes in the extension’s window. You can copy the HEX code by selecting the copy icon on the right of it. To copy the RGB or HSL values, move down to the section beneath and use those copy icons.

Bonus Feature

With Pick Color, you can quickly identify a color on a webpage and copy the HEX code to your clipboard with a couple of clicks.

1. Right-click the webpage and select Pick a color on the page from the shortcut menu.
2. Move your cursor to the color and you’ll see the HEX code attached.
3. Click to copy the color’s HEX code to your clipboard.

4. Color Picker (by linangdata.com)

For another Chrome extension with useful extra features, take a look at Color Picker from linangdata.com.

1. Select the extension button in your toolbar and go to the Eyedropper tab.
2. Choose Eyedropper and point your cursor at the color. You’ll see the HEX code appear as you move your pointer.
3. Click to save the color in the extension’s list and copy the HEX code to your clipboard at the same time.
4. Reopen the extension with the toolbar button and you’ll see the HEX, RGB, HSL, HSV, and CMYK codes. Select the copy icon to the right of any one of the codes to place it on your clipboard.

Additional Features:

• Use the Color Picker tab to display prime colors with their color codes.
• Try the Color Scale tab to view different color shades with their color codes.
• Check out the Color Blender tab to multiply, darken, lighten, and overlay colors.

5. Eye Dropper

Eye Dropper is a nice color picking option for Chrome with a few bonuses you might like.

1. Select the extension button in your toolbar.
2. Choose Pick color from web page and move your cursor to the color. As you move your pointer, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color to save it to the extension’s list.
4. When you reopen the extension, you’ll see the HEX, HSL, and RGB color codes along with that color’s name in the Selected color section. 

Additional Features:

• Use the Color Picker tab to mix your own colors.
• Export your color history as a CSV file with the color codes.
• Adjust settings for copying to your clipboard, changing the pointer appearance, and disabling the color information as you move your cursor.

6. Black-shrimp

If you want to identify colors and then group them for quick access, check out Black-shrimp.

1. Select the extension button in your toolbar. This opens the add-on’s small window on the left.
2. Point your cursor to the color you want to identify and click.
3. You’ll immediately see the HEX code in the window. Use the drop-down box next to the identified color to view the RGB or HSL color codes.
4. To save the color, select the plus sign at the bottom of the window.

Additional Features:

• Add a group using the folder icon and drag saved colors into it.
• Export your saved colors as an ASE (Adobe Swatch Exchange) file.
• Use keyboard shortcuts to add a color, create a group, delete, or export.

7. Easy Color Picker

If fancy extra features aren’t for you and you want a simple extension, take a look at Easy Color Picker.

1. Select the extension button in your toolbar.
2. Choose the Pick button on the top right and point your cursor at the color. As you move your pointer, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want and then reopen the extension with the button to view the HEX, RGB, and HSL codes.

Although there are no simple copy options for the color codes, you can right-click inside each box and select Copy if you need to paste the values elsewhere.

8. Colorfly Color Picker

Similar to Easy Color Picker is Colorfly Color Picker. Grab the color, view the code, and copy values if needed.

1. Select the extension button in your toolbar.
2. Choose the Pick Color button and point your cursor at the color. As you move your cursor, you can view the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want, and you’ll see the HEX, RGB, and HSL codes in the extension’s window. Select any color code to copy it to your clipboard.

9. Color Picker (by kipelovvycheslav)

Another basic Chrome browser extension has the same name as another in our list, Color Picker, this one from kipelovvycheslav.

1. Select the extension button in your toolbar.
2. Point your cursor to the color you want to identify and click.
3. Reopen the extension to see the HEX, HSL, and RGB color codes.

10. Smart Color Picker

One final, simple Chrome extension without bells and whistles is Smart Color Picker.

1. Select the extension button in your toolbar.
2. Choose the Pick Color button and point your cursor at the color. As you move your cursor, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want and then reopen the extension with the button to view the HEX, RGB, and HSL codes. Select any color code to copy it to your clipboard.

Hopefully at least one of these Chrome extension color pickers is just what you need. Whether you like extra features or prefer to keep it simple, they’re all great options.

For additional help, take a look at how to install or remove extensions in Chrome.

Related posts

• 3 parasta VPN-Chrome-laajennusta turvalliseen verkkoselailuun

• 9 parasta OpenOffice-laajennusta, jotka sinun pitäisi asentaa nyt

• 6 parasta Reddit-vaihtoehtoa, joita voit käyttää ilmaiseksi

• 6 parasta online-parafrasointityökalua tekstin kirjoittamiseen

• 7 parasta sovellusta ja verkkosivustoa videoiden katsomiseen yhdessä

• 4 parasta Android-toimistopakettia Googlen ja Microsoftin lisäksi

• Mikä on paras tiedostonhallinta Androidille? Katsomme 5

• 9 parasta kaloriseurantasovellusta iPhonelle ja Androidille

• Vuoden 2021 6 parasta raskaussovellusta

• 9 parasta ilmaista offline-GPS-sovellusta Androidille

• 10 parasta Discord-bottia, joita jokaisen palvelimen omistajan tulisi kokeilla

• 7 parasta sovellusta ystävien hankkimiseen verkossa ja IRL:ssä

• 14 parasta Android-sovellusta käytettyjen tavaroiden paikalliseen myyntiin (2022)

• 7 parasta ilmaista mediasoitinta Windowsille

• Parhaat Reddit-sovellukset Windowsille ja Macille

• 12 parasta ilmaista Android-laskinsovellusta ja -widgetiä

• 7 parasta Slack-bottia Slack-kanavallesi

• Paras lapsilukkoohjelmisto Windows 10:lle

• 9 parasta Discord Voice Changer -ohjelmistoa (2021)

• 5 parasta käteisennakkosovellusta iPhonelle ja Androidille