Com identificar un color específic en una aplicació o lloc web

Com identificar un color específic en una aplicació o lloc web

Imagineu-vos que us desplaceu per les imatges i trobeu el color perfecte: la tonalitat exacta que necessiteu per al vostre proper projecte de disseny. Hi ha algunes eines increïbles a Internet per ajudar-vos a identificar colors específics a qualsevol aplicació o lloc web. Fem una ullada a algunes de les millors opcions d'ells.

1. Ús de les eines per a desenvolupadors al navegador web Chrome

Una opció que podeu provar és l'eina per a desenvolupadors de Chrome. Chrome inclou moltes funcions útils per als desenvolupadors, cosa que fa que les tasques siguin molt més fàcils de fer. Podeu seguir els passos següents per identificar colors específics a qualsevol aplicació o lloc web.

  • Obriu el lloc web on voleu identificar un color al navegador web Chrome
  • Feu clic a la icona de tres punts a la part superior dreta de Chrome. Apareixerà una finestra emergent amb un munt d'opcions.
  • Feu clic a "Més eines" i, a continuació, seleccioneu "Eines per a desenvolupadors" a la finestra emergent resultant.
  • Utilitzeu Ctrl + Maj + I si voleu ometre els passos anteriors
  • Ara, la finestra es divideix en dues pantalles: el lloc web a l'esquerra i el codi del lloc web a la dreta
  • Escriviu Ctrl + Maj + C al teclat. Això us mostra tots els detalls d'un element concret al lloc web quan passem el cursor del ratolí sobre els elements.
  • Podeu trobar el codi de color de l'element juntament amb altra informació útil.

Exemple

Suposem que esteu interessats en els codis de color específics d'alguns elements del lloc web següent:

Com identificar un color específic en una aplicació o lloc web

Podeu triar les eines de desenvolupament fent clic als tres punts a la cantonada de la pantalla. Al menú desplegable, seleccioneu Més eines i, a continuació, Eines per a desenvolupadors.

Com identificar un color específic en una aplicació o lloc web

Com identificar un color específic en una aplicació o lloc web

La pantalla es dividirà visualment en dues pàgines. Veureu el lloc web a l'esquerra i el codi del lloc a la dreta.

Com identificar un color específic en una aplicació o lloc web

Escriviu l'ordre i la drecera "Ctrl + Maj + C" i passeu el cursor del ratolí per sobre dels elements del lloc web. Això mostrarà el color d'aquest element, juntament amb altra informació útil. A continuació es mostren dos exemples on trobem el color de la barra de navegació i un tauler a sota de l'eina de cerca.

Aquí, podem trobar el codi de color a la finestra emergent de la barra de navegació. El codi de color és #333333.

Com identificar un color específic en una aplicació o lloc web

El color del tauler es pot trobar juntament amb altres detalls útils. Color: #333333, Color de fons: #5D4A8E. Tot i que al principi pot semblar una mica intimidant, el programa es fa molt més fàcil d'utilitzar amb una mica de pràctica.

2. Extensió cromada del comptegotes

Eye Dropper és una extensió de Chrome popular i àmpliament utilitzada per ajudar-vos a trobar determinats colors a qualsevol lloc web o aplicació.

Com identificar un color específic en una aplicació o lloc web

Seguiu els passos següents per identificar colors específics en un lloc web o una aplicació mitjançant l'eina d'extensió Eye Dropper.

  • Obriu qualsevol lloc web o aplicació al navegador web Chrome
  • Feu clic a la icona de l'extensió del comptegotes
  • Seleccioneu "Tria color de la pàgina web" i passeu el cursor del ratolí sobre diferents elements de l'aplicació o del lloc web.

Com identificar un color específic en una aplicació o lloc web

Podeu trobar el codi de color dels elements enumerats a la part inferior dreta de la pàgina web.

Exemple

D'acord, utilitzem l'eina d'extensió de comptagotes en un exemple de la vida real. Començarem obrint un lloc web i prement la icona de l'extensió Eye Dropper

Com identificar un color específic en una aplicació o lloc web

Quan passeu el cursor sobre diversos elements del lloc web, podeu veure que els codis de color apareixen en una secció a la part inferior dreta de la pantalla.

Com identificar un color específic en una aplicació o lloc web

Quan passo el cursor a la icona en forma de V, puc veure el seu codi de color a la finestra inferior tal com s'ha esmentat. L'avantatge d'aquesta eina és que també podeu trobar el codi RGB juntament amb el codi de color hexadecimal de l'element. El mètode és flexible d'utilitzar per a aquells que volen una manera senzilla i ràpida d'agafar els codis dels seus colors preferits.


No sha pogut trobar ladreça DNS del servidor de reparació a Chrome

No sha pogut trobar ladreça DNS del servidor de reparació a Chrome

De vegades, quan esteu treballant a Chrome, no podeu accedir a determinats llocs web i apareix un error "No s'ha pogut trobar l'adreça DNS del servidor a Chrome". Aquí teniu com podeu resoldre el problema.

Netflix: Canvia la contrasenya

Netflix: Canvia la contrasenya

Com canviar la vostra contrasenya al servei de streaming de vídeo de Netflix mitjançant el vostre navegador preferit o l'aplicació d'Android.

Com desactivar el missatge de restauració de pàgines a Microsoft Edge

Com desactivar el missatge de restauració de pàgines a Microsoft Edge

Si voleu desfer-vos del missatge Restaura les pàgines a Microsoft Edge, tanqueu el navegador o premeu la tecla Esc.

Què és lenllaç profund?

Què és lenllaç profund?

L'enllaç profund és la tècnica de redirecció d'usuaris de tendència. Obteniu informació sobre els enllaços profunds aquí per utilitzar-los per fer créixer el trànsit del vostre lloc web o de l'aplicació.

Què és AR Cloud?

Què és AR Cloud?

La RA és la següent gran cosa d'Internet per a l'entreteniment, la feina o els negocis. Apreneu el núvol de RA en detalls per convertir-vos en un usuari informat.

Com utilitzar Microsoft Edge Drop com un professional

Com utilitzar Microsoft Edge Drop com un professional

Utilitzeu Microsoft Edge Drop i compartiu fàcilment fitxers i missatges entre dispositius seguint aquests passos senzills per a principiants.

Com desar i compartir rutes a Google Maps

Com desar i compartir rutes a Google Maps

Vegeu com de fàcil és desar i compartir rutes a Google Maps al vostre ordinador i al vostre Android. Fes una ullada a aquests passos per a principiants.

Una llista de noms de Wi-Fi divertits

Una llista de noms de Wi-Fi divertits

M'agrada mantenir entretinguts els meus veïns canviant la meva xarxa Wi-Fi per diferents noms divertits. Si busqueu idees per a un nom Wi-Fi divertit, aquí

Com desfer-se dels anuncis a Gmail

Com desfer-se dels anuncis a Gmail

Gmail és sens dubte un dels millors serveis de correu electrònic disponibles avui dia, oferint una sèrie de funcions impressionants que fan que la comunicació sigui més eficient i

Com canviar el nom de Discord

Com canviar el nom de Discord

Tenir un nom d'usuari de Discord és essencial per diversos motius, ja que serveix com a identificador únic a la plataforma i us permet interactuar amb altres