İster bir web tasarımcısı^{(web designer)} , ister sanatçı ya da yalnızca renkleri eşleştirmek isteyen biri olun, Google Chrome , Chrome Web Mağazası'nda^{(Chrome Web Store)} yardımcı olabilecek çeşitli eklentiler sunar .

Bir renk seçici Chrome uzantısı kullanarak , web'de istediğiniz herhangi bir renk için HEX , RGB veya HSL değerlerini elde edebilirsiniz. ^(HSL)İmlecinizi^(Simply) rengin üzerine getirin ve rengi eşleştirmek için ihtiyacınız olan kodu alın.

Hoşunuza gidebilecek ekstra özelliklere ve işlevlere sahip olanlarla başlayan 10 Chrome renk seçici uzantısını burada bulabilirsiniz.^(Chrome)

1. Renk Seçici Aracı – Geco^{(Color Picker Tool – Geco)}

Renk Seçici Aracı – Geco^{(Color Picker Tool – Geco)} ile bir web sayfasında gördüğünüz herhangi bir renk için bir renk kodu alabilirsiniz .

1. Araç çubuğunuzdaki uzantı düğmesini seçin.
2. İmlecinizi tanımlamak istediğiniz renge doğrultun.
3. ^(Click)Uzantı listesindeki rengi kaydetmek için tıklayın .

Ardından , uzantı penceresinin Yeni^(New) ve Seçilmiş bölümlerinde ^(Picked)HEX , RGB ve HSL kodlarını göreceksiniz. Tanımladığınız bir önceki rengi seçin ve bu kodları Yeni^(New) bölümünde göreceksiniz .

Ek özellikler:

• Gerektiğinde kolay yapıştırma için HEX^(HEX) renk kodunu panonuza otomatik olarak kopyalayın .
• ^(Download)HEX , RGB ve HSL kodlarıyla renk paletinizin bir CSV dosyasını ^(CSV)indirin .
• ^(Adjust)Panonuza kopyalamak, bir bildirimi etkinleştirmek ve sağ tıklamayı kullanmak için ayarları yapın .

2. AKRenk^(AKColor)

Web'de gördüğünüz herhangi bir siteden renk kodunu almak için AKColor'ın^(AKColor) damlalık aracını kullanın .

1. Araç çubuğunuzdaki uzantı düğmesini seçin.
2. Soldaki damlalığı^(eyedropper) seçin ve imlecinizi tanımlamak istediğiniz rengin üzerine getirin.
3. ^(Click)Bölgeye en yakın renk ve ortalama renk ile birlikte renk kodlarını görüntülemek için tıklayın .

RGB , RGBA , HEX , HSL ve HSLA için renk kodlarını içeren güzel bir açılır pencere göreceksiniz . Renk değerlerini panonuza kopyalamak için kodlardan herhangi birini seçin . ^(Choose)Ardından Yeniden Seç^{(Pick Again)} veya Kapat'ı^{( Close)} seçin .

Ek özellikler:

• Uzantıda yerleşik olarak bulunan Renk Dönüştürücü^{(Color Converter)} ve Degrade Oluşturucu'yu^{(Gradient Generator)} kullanın .
• ^(Take)Hızlı ve kolay renk tanımlaması için klavye kısayollarından yararlanın .
• ^(Adjust)Gece modu, arayüz, piksel büyüteci boyutu, yakınlaştırma düzeyi ve daha fazlası için ayarları yapın .

3. Renk Seç^{(Pick Color)}

Yalnızca web yerine başka yerlerde de kullanabileceğiniz bir renk seçici arıyorsanız, Renk Seç^{(Pick Color)} tam size göre.

1. Araç çubuğunuzdaki uzantı düğmesini seçin.
2. Renginizi Seçin'i^{(Choose Your Color)} seçin ve ardından damlalığı^(eyedropper) seçin .
3. İmlecinizi tanımlamak istediğiniz renge doğrultun. Bu bir web sitesinde, masaüstünüzde veya başka bir uygulamada olabilir.
4. ^(Click)Uzantıdaki rengi kaydetmek için tıklayın .

Ardından , uzantının penceresinde HEX , RGB ve HSL renk kodlarını göreceksiniz. ^(HSL)HEX kodunu, sağındaki kopyala simgesini seçerek kopyalayabilirsiniz . RGB veya HSL değerlerini kopyalamak için aşağıdaki bölüme gidin ve bu kopyalama simgelerini kullanın.

Bonus Özellik^{(Bonus Feature)}

Renk^{(Pick Color)} Seç ile bir web sayfasındaki bir rengi hızlı bir şekilde tanımlayabilir ve birkaç tıklamayla HEX kodunu panonuza kopyalayabilirsiniz.

1. Web sayfasına sağ tıklayın ve kısayol menüsünden Sayfada bir renk seç'i seçin .^{(Pick a color on the page)}
2. İmlecinizi renge getirin ve ekli HEX^(HEX) kodunu göreceksiniz .
3. ^(Click)Rengin HEX^(HEX) kodunu panonuza kopyalamak için tıklayın .

4. Renk Seçici^{(Color Picker)} (linangdata.com tarafından)

Kullanışlı ekstra özelliklere sahip^{(Chrome extension with useful extra features)} başka bir Chrome uzantısı için linangdata.com'dan Renk Seçici'ye bakın.^{(Color Picker)}

1. Araç çubuğunuzdaki uzantı düğmesini seçin ve Damlalık^(Eyedropper) sekmesine gidin.
2. Damlalık'ı^(Eyedropper) seçin ve imlecinizi rengin üzerine getirin. İşaretçinizi hareket ettirirken HEX^(HEX) kodunun göründüğünü göreceksiniz .
3. ^(Click)Rengi uzantı listesinde kaydetmek için tıklayın ve aynı anda HEX kodunu panonuza kopyalayın.
4. Uzantıyı araç çubuğu düğmesiyle yeniden açın ve HEX^(HEX) , RGB , HSL , HSV ve CMYK kodlarını göreceksiniz . Panonuza yerleştirmek için kodlardan herhangi birinin sağındaki kopyala simgesini seçin.

Ek özellikler:

• Ana renkleri renk kodlarıyla birlikte görüntülemek için Renk Seçici sekmesini kullanın.^{(Color Picker)}
• Renk kodlarıyla farklı renk tonlarını görüntülemek için Renk Ölçeği^{(Color Scale )} sekmesini deneyin .
• Renkleri çoğaltmak, koyulaştırmak, aydınlatmak ve üst üste bindirmek için Renk Karıştırıcı sekmesine bakın.^{(Color Blender)}

5. Göz Damlalığı^{(Eye Dropper)}

Eye Dropper , hoşunuza gidebilecek birkaç bonusla Chrome için güzel bir renk seçme seçeneğidir .

1. Araç çubuğunuzdaki uzantı düğmesini seçin.
2. Web sayfasından renk seç'i^{(Pick color from web page)} seçin ve imlecinizi rengin üzerine getirin. İşaretçinizi hareket ettirdikçe, tarayıcı pencerenizin sağ alt köşesinde HEX ve RGB değerlerini göreceksiniz.^(RGB)
3. ^(Click)Uzantının listesine kaydetmek için rengi tıklayın .
4. Uzantıyı yeniden açtığınızda, Seçilen^(Selected) renk bölümünde  o rengin adıyla birlikte HEX , HSL ve RGB renk kodlarını görürsünüz .

Ek özellikler:

• Kendi renklerinizi karıştırmak için Renk Seçici^{(Color Picker)} sekmesini kullanın .
• ^(Export)Renk geçmişinizi renk kodlarıyla birlikte bir CSV dosyası olarak ^(CSV)dışa aktarın .
• ^(Adjust)Panonuza kopyalamak, işaretçi görünümünü değiştirmek ve imlecinizi hareket ettirirken renk bilgilerini devre dışı bırakmak için ayarları yapın .

6. Kara karides^{(Black-shrimp)}

Renkleri belirlemek ve ardından hızlı erişim için gruplandırmak istiyorsanız, Siyah Karides'e^{(Black-shrimp)} bakın .

1. Araç çubuğunuzdaki uzantı düğmesini seçin. Bu, eklentinin soldaki küçük penceresini açar.
2. İmlecinizi tanımlamak istediğiniz renge getirin ve tıklayın.
3. Pencerede hemen HEX kodunu göreceksiniz. ^(HEX)RGB veya HSL renk kodlarını görüntülemek için tanımlanan rengin yanındaki açılır kutuyu kullanın .
4. Rengi kaydetmek için pencerenin altındaki artı işaretini seçin.^{(plus sign)}

Ek özellikler:

• Klasör^(folder) simgesini kullanarak bir grup ekleyin ve kayıtlı renkleri içine sürükleyin.
• ^(Export)Kaydedilmiş renklerinizi bir ASE ( Adobe Swatch Exchange ) dosyası olarak dışa aktarın .
• ^(Use)Renk eklemek, grup oluşturmak, silmek veya dışa aktarmak için klavye kısayollarını kullanın .

7. Kolay Renk Seçici^{(Easy Color Picker)}

Süslü ekstra özellikler size göre değilse ve basit bir eklenti istiyorsanız, Easy Color Picker'a^{(Easy Color Picker)} bir göz atın .

1. Araç çubuğunuzdaki uzantı düğmesini seçin.
2. Sağ üstteki Seç^(Pick) düğmesini seçin ve imlecinizi rengin üzerine getirin. İşaretçinizi hareket ettirdikçe, tarayıcı pencerenizin sağ alt köşesinde HEX ve RGB değerlerini göreceksiniz.^(RGB)
3. ^(Click)İstediğiniz renge tıklayın ve ardından HEX , RGB ve HSL kodlarını görüntülemek için düğmeyle uzantıyı yeniden açın.

Renk kodları için basit bir kopyalama seçeneği olmamasına rağmen , değerleri başka bir yere yapıştırmanız gerekiyorsa her kutunun içine sağ tıklayıp Kopyala'yı seçebilirsiniz.^(Copy)

8. Colorfly Renk Seçici^{(Colorfly Color Picker)}

Easy Color^{(Easy Color Picker)} Picker'a benzer şekilde Colorfly Color Picker'dır^{(Colorfly Color Picker)} . Rengi alın^(Grab) , kodu görüntüleyin ve gerekirse değerleri kopyalayın.

1. Araç çubuğunuzdaki uzantı düğmesini seçin.
2. Renk^{(Pick Color)} Seç düğmesini seçin ve imlecinizi rengin üzerine getirin. İmlecinizi hareket ettirirken, tarayıcı pencerenizin sağ alt köşesinde HEX ve RGB değerlerini görüntüleyebilirsiniz.^(RGB)
3. ^(Click)İstediğiniz rengi tıkladığınızda , uzantının penceresinde HEX , RGB ve HSL kodlarını göreceksiniz. ^(HSL)Panonuza kopyalamak için herhangi bir renk kodunu seçin .^(Select)

9. Renk Seçici^{(Color Picker)} (kipelovvycheslav tarafından)

Başka bir temel Chrome tarayıcı uzantısı^{(Chrome browser extension)} , listemizdeki bir başkasıyla aynı ada sahiptir, Color Picker , bu kipelovvycheslav'dan.

1. Araç çubuğunuzdaki uzantı düğmesini seçin.
2. İmlecinizi tanımlamak istediğiniz renge getirin ve tıklayın.
3. HEX , HSL ve RGB renk kodlarını görmek için uzantıyı yeniden açın .

10. Akıllı Renk Seçici^{(Smart Color Picker)}

Zil ve ıslık içermeyen son bir basit Chrome uzantısı, ^(Chrome)Akıllı Renk Seçici'dir^{(Smart Color Picker)} .

1. Araç çubuğunuzdaki uzantı düğmesini seçin.
2. Renk^{(Pick Color)} Seç düğmesini seçin ve imlecinizi rengin üzerine getirin. İmlecinizi hareket ettirirken, tarayıcı pencerenizin sağ alt köşesinde HEX ve RGB değerlerini göreceksiniz.^(RGB)
3. ^(Click)İstediğiniz renge tıklayın ve ardından HEX , RGB ve HSL kodlarını görüntülemek için düğmeyle uzantıyı yeniden açın. Panonuza kopyalamak için herhangi bir renk kodunu seçin .^(Select)

Umarım bu Chrome^(Chrome) uzantısı renk seçicilerinden en az biri ihtiyacınız olan şeydir. İster ekstra özellikleri beğenin, ister basit tutmayı tercih edin, hepsi harika seçeneklerdir.

Ek yardım için Chrome'da uzantıların nasıl yükleneceğine veya kaldırılacağına bakın^{(install or remove extensions in Chrome)} .

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

Whether yoυ’re 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

• Güvenli Web Tarama için En İyi 3 VPN Chrome Uzantısı

• Şimdi Yüklemeniz Gereken En İyi 9 OpenOffice Uzantısı

• 6 Best Reddit Alternatives ücretsiz kullanabilirsiniz

• 6 Best Online Paraphrasing Tools - Rewrite Text'a

• 7 Best Apps and Websites Videos Together izlemek için

• Android için 5 Best Video Converters

• 2020'de Windows için En İyi 7 PDF Okuyucu

• En İyi 10 Evernote Şablonu

• Windows'ta Çok Sayıda Dosyayı Kopyalamak için En İyi Araçlar

• Apple Cüzdan ve Google Pay – Hangisi En İyisi?

• Music Streaming için 5 Best Spotify Alternatives

• Windows için En İyi 7 Ücretsiz Medya Oynatıcı

• iPhone and Android için 5 Best Cash Advance Apps

• Slack Kanalınız İçin En İyi 7 Slack Botu

• Best Apps Video Calls Between Android and iPhone Yapmak

• En İyi 6 Mobil Ödeme Uygulaması

• Music meraklıları için 8 Best Online Sequencers

• 7 Best Apps daha iyi çalışmanıza yardımcı olmak için

• iPhone ve Android için En İyi 9 Kalori Takip Uygulaması

• En İyi Ücretsiz Casus Yazılım ve Kötü Amaçlı Yazılım Temizleme Yazılımı