Ya sea que sea un diseñador web^{(web designer)} , un artista o simplemente una persona que quiera hacer coincidir los colores, Google Chrome ofrece varios complementos en Chrome Web Store que pueden ayudarlo.

Con una extensión de cromo^(Chrome) de selector de color , puede obtener los valores HEX , RGB o HSL para cualquier color que desee en la web. Simplemente^(Simply) apunte el cursor al color y obtenga el código que necesita para que coincida con el color.

Aquí hay 10 extensiones de selector de color de Chrome , comenzando con aquellas que tienen características y funcionalidades adicionales que podría disfrutar.

1. Herramienta de selección de color – Geco^{(Color Picker Tool – Geco)}

Puede obtener un código de color para cualquier color que vea en una página web con Color Picker Tool – Geco .

1. Seleccione el botón de extensión en su barra de herramientas.
2. Apunte su cursor al color que desea identificar.
3. Haga clic^(Click) para guardar el color en la lista de extensiones.

Luego verá los códigos HEX , RGB y HSL en las secciones ^(HSL)Nuevo^(New) y Seleccionado^(Picked) de la ventana de la extensión. Seleccione un color anterior que haya identificado y verá esos códigos en la sección Nuevo^(New) .

Características adicionales:

• Copie automáticamente el código de color HEX en su portapapeles para pegarlo fácilmente donde sea necesario.
• Descargue^(Download) un archivo CSV de su paleta de colores con códigos HEX , RGB y HSL .
• Ajuste^(Adjust) la configuración para copiar a su portapapeles, habilitar una notificación y hacer clic con el botón derecho.

2. AK Color

Utilice la herramienta cuentagotas de AKColor para tomar el código de color de cualquier sitio que vea en la web.

1. Seleccione el botón de extensión en su barra de herramientas.
2. Elija el cuentagotas^(eyedropper) de la izquierda y apunte el cursor al color que desea identificar.
3. Haga clic^(Click) para ver los códigos de color junto con el color más cercano y el color promedio del área.

Verá una bonita ventana emergente con los códigos de color para RGB , RGBA , HEX , HSL y HSLA . Elija^(Choose) cualquiera de los códigos para copiar los valores de color a su portapapeles. Luego, seleccione Recoger de nuevo^{(Pick Again)} o Cerrar^{( Close)} .

Características adicionales:

• Utilice el Convertidor de color^{(Color Converter)} y el Generador de degradado^{(Gradient Generator)} integrados directamente en la extensión.
• Aproveche^(Take) los atajos de teclado para una identificación de color rápida y sencilla.
• Ajuste^(Adjust) la configuración para el modo nocturno, la interfaz, el tamaño de la lupa de píxeles, el nivel de zoom y más.

3. Elija color^{(Pick Color)}

Si está buscando un selector de color que pueda usar en otras ubicaciones en lugar de solo en la web, Pick Color es la herramienta para usted.

1. Seleccione el botón de extensión en su barra de herramientas.
2. Seleccione Elija su color^{(Choose Your Color)} y luego seleccione el cuentagotas^(eyedropper) .
3. Apunte su cursor al color que desea identificar. Esto puede ser en un sitio web, su escritorio o en otra aplicación.
4. Haga clic^(Click) para guardar el color en la extensión.

Luego verá los códigos de color HEX , RGB y HSL en la ventana de la extensión. ^(HSL)Puede copiar el código HEX seleccionando el icono de copia a la derecha. Para copiar los valores RGB o HSL , baje a la sección de abajo y use esos iconos de copia.

Función de bonificación^{(Bonus Feature)}

Con Pick Color , puede identificar rápidamente un color en una página web y copiar el código HEX en su portapapeles con un par de clics.

1. Haga clic con el botón derecho en la página web y seleccione Elegir un color en la página^{(Pick a color on the page)} en el menú contextual.
2. Mueve el cursor al color y verás el código HEX adjunto.^(HEX)
3. Haz clic^(Click) para copiar el código HEX del color en tu portapapeles.

4. Selector de color^{(Color Picker)} (por linangdata.com)

Para ver otra extensión de Chrome con funciones adicionales útiles^{(Chrome extension with useful extra features)} , eche un vistazo a Color Picker de linangdata.com.

1. Seleccione el botón de extensión en su barra de herramientas y vaya a la pestaña Cuentagotas .^(Eyedropper)
2. Elija Cuentagotas^(Eyedropper) y apunte el cursor al color. Verás aparecer el código HEX mientras mueves el puntero.
3. Haga clic^(Click) para guardar el color en la lista de extensiones y copie el código HEX en su portapapeles al mismo tiempo.
4. Vuelva a abrir la extensión con el botón de la barra de herramientas y verá los códigos HEX , RGB , HSL , HSV y CMYK . Seleccione el icono de copia a la derecha de cualquiera de los códigos para colocarlo en su portapapeles.

Características adicionales:

• Utilice la pestaña Selector de color^{(Color Picker)} para mostrar los colores primarios con sus códigos de color.
• Pruebe la pestaña Escala de color^{(Color Scale )} para ver diferentes tonos de color con sus códigos de color.
• Consulte la pestaña Mezclador de colores^{(Color Blender)} para multiplicar, oscurecer, aclarar y superponer colores.

5. Cuentagotas^{(Eye Dropper)}

Eye Dropper es una buena opción de selección de colores para Chrome con algunas bonificaciones que te pueden gustar.

1. Seleccione el botón de extensión en su barra de herramientas.
2. Elija Elegir color de la página web^{(Pick color from web page)} y mueva el cursor al color. A medida que mueve el puntero, verá los valores HEX y RGB en la esquina inferior derecha de la ventana de su navegador.
3. Haga clic^(Click) en el color para guardarlo en la lista de extensiones.
4. Cuando vuelva a abrir la extensión, verá los códigos de color HEX , HSL y RGB junto con el nombre de ese color en la sección Color seleccionado^(Selected) . 

Características adicionales:

• Use la pestaña Selector de color^{(Color Picker)} para mezclar sus propios colores.
• Exporte^(Export) su historial de color como un archivo CSV con los códigos de color.^(CSV)
• Ajuste^(Adjust) la configuración para copiar a su portapapeles, cambiar la apariencia del puntero y deshabilitar la información de color a medida que mueve el cursor.

6. Gambas negras^{(Black-shrimp)}

Si desea identificar colores y luego agruparlos para un acceso rápido, consulte Black-shrimp .

1. Seleccione el botón de extensión en su barra de herramientas. Esto abre la pequeña ventana del complemento a la izquierda.
2. Apunte con el cursor al color que desea identificar y haga clic.
3. Inmediatamente verá el código HEX en la ventana. ^(HEX)Utilice el cuadro desplegable junto al color identificado para ver los códigos de color RGB o HSL .
4. Para guardar el color, seleccione el signo más^{(plus sign)} en la parte inferior de la ventana.

Características adicionales:

• Agregue un grupo usando el ícono de la carpeta^(folder) y arrastre los colores guardados hacia él.
• Exporte^(Export) sus colores guardados como un archivo ASE ( Adobe Swatch Exchange ).
• Utilice^(Use) métodos abreviados de teclado para agregar un color, crear un grupo, eliminar o exportar.

7. Selector de color fácil^{(Easy Color Picker)}

Si las características adicionales sofisticadas no son para usted y desea una extensión simple, eche un vistazo a Easy Color Picker .

1. Seleccione el botón de extensión en su barra de herramientas.
2. Elija el botón Seleccionar^(Pick) en la parte superior derecha y apunte el cursor al color. A medida que mueve el puntero, verá los valores HEX y RGB en la esquina inferior derecha de la ventana de su navegador.
3. Haga clic^(Click) en el color que desee y luego vuelva a abrir la extensión con el botón para ver los códigos HEX , RGB y HSL .

Aunque no existen opciones simples de copia para los códigos de color, puede hacer clic con el botón derecho dentro de cada cuadro y seleccionar Copiar^(Copy) si necesita pegar los valores en otro lugar.

8. Selector de colores Colorfly^{(Colorfly Color Picker)}

Similar a Easy Color Picker es Colorfly Color Picker . Tome^(Grab) el color, vea el código y copie los valores si es necesario.

1. Seleccione el botón de extensión en su barra de herramientas.
2. Elija el botón Seleccionar color^{(Pick Color)} y apunte el cursor al color. A medida que mueve el cursor, puede ver los valores HEX y RGB en la esquina inferior derecha de la ventana de su navegador.
3. Haga clic^(Click) en el color que desee y verá los códigos HEX , RGB y HSL en la ventana de la extensión. Seleccione^(Select) cualquier código de color para copiarlo en su portapapeles.

9. Selector de color^{(Color Picker)} (por kipelovvycheslav)

Otra extensión básica del navegador Chrome^{(Chrome browser extension)} tiene el mismo nombre que otra en nuestra lista, Color Picker , esta de kipelovvycheslav.

1. Seleccione el botón de extensión en su barra de herramientas.
2. Apunte con el cursor al color que desea identificar y haga clic.
3. Vuelva a abrir la extensión para ver los códigos de color HEX , HSL y RGB .

10. Selector de color inteligente^{(Smart Color Picker)}

Una última y simple extensión de Chrome sin campanas ni silbatos es Smart Color Picker .

1. Seleccione el botón de extensión en su barra de herramientas.
2. Elija el botón Seleccionar color^{(Pick Color)} y apunte el cursor al color. A medida que mueve el cursor, verá los valores HEX y RGB en la esquina inferior derecha de la ventana de su navegador.
3. Haga clic^(Click) en el color que desee y luego vuelva a abrir la extensión con el botón para ver los códigos HEX , RGB y HSL . Seleccione^(Select) cualquier código de color para copiarlo en su portapapeles.

Con suerte, al menos uno de estos selectores de color de extensión de Chrome es justo lo que necesita. ^(Chrome)Ya sea que le gusten las funciones adicionales o prefiera mantenerlo simple, todas son excelentes opciones.

Para obtener ayuda adicional, echa un vistazo a cómo instalar o eliminar extensiones en Chrome^{(install or remove extensions in Chrome)} .

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

Whether уou’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

• Las 3 mejores extensiones VPN de Chrome para una navegación web segura

• Las 9 mejores extensiones de OpenOffice que deberías instalar ahora

• 6 Best Reddit Alternatives puedes usar gratis

• El 6 Best Online Paraphrasing Tools a Rewrite Text

• 7 Best Apps and Websites para ver Videos Together

• Las 14 mejores aplicaciones de Android para vender sus cosas usadas localmente (2022)

• El mejor software de transmisión de Twitch para Windows y Mac

• EL Best Speech A Text Software PARA Windows 10

• Las mejores herramientas para copiar una gran cantidad de archivos en Windows

• Las 9 mejores aplicaciones de seguimiento de calorías para iPhone y Android

• 7 Best Android Reminder Apps

• Los 7 mejores bots de Slack para tu canal de Slack

• Best Free Karaoke Software para Windows

• El 6 Best Pregnancy Apps de 2021

• 7 Best Apps para ayudarte a estudiar mejor

• El 5 Best Cash Advance Apps para iPhone and Android

• El 6 Best PDF Editors para Windows 10 en 2021

• Las 10 mejores plantillas de Evernote

• El 11 Best IRC Clients para Windows, Mac, y Linux en 2022

• El 5 Best Anonymous File Sharing and Hosting Sites