Els colors s’identifiquen en HTML i CSS pels seus codis hexadecimals. Si esteu creant una pàgina web o un altre projecte HTML i voleu incloure un element que coincideixi amb un color específic en una imatge, lloc web o finestra de la pantalla de l'ordinador, haureu de trobar el codi hexadecimal del color. Aquest wikiHow us ensenya a utilitzar diverses eines gratuïtes per identificar ràpidament el codi hexadecimal de qualsevol color.
Passos
Mètode 1 de 4: utilitzar el color metre digital en un Mac
Pas 1. Obriu Digital Color Meter al vostre Mac
Aquesta eina, que inclou MacOS, permet identificar el valor de color de qualsevol color a la pantalla. Obriu Finder, feu doble clic a Aplicacions, feu doble clic a la carpeta Utilitats i, a continuació, feu doble clic Mesurador de color digital per obrir-lo.
Pas 2. Mou el cursor del ratolí al color que vulguis identificar
En moure el ratolí, els valors de l'eina s'actualitzaran en temps real. No moveu el ratolí des d'aquesta ubicació fins que no tanqueu les obertures horitzontal i vertical.
També podeu utilitzar l'eina per identificar els colors al web. Simplement obriu Safari (o el vostre navegador preferit) i aneu a un lloc web que contingui el color que voleu identificar
Pas 3. Premeu ⌘ Comanda + L
Això bloqueja les obertures horitzontal i vertical, cosa que significa que el valor del color no canviarà en moure el ratolí.
Pas 4. Premeu ⇧ Maj + ⌘ Ordre + C per copiar el codi hexadecimal al porta-retalls
També podeu copiar el codi hexadecimal fent clic a Color menú i selecció Copia el color com a text.
Pas 5. Premeu ⌘ Ordre + V per enganxar el codi copiat
Podeu enganxar-lo directament al vostre codi HTML, a un fitxer de text o a qualsevol altra àrea d'escriptura.
Pas 6. Premeu ⌘ Comanda + L per desbloquejar les obertures
Si voleu identificar un altre color, allibera el pany de manera que el cursor funcioni una vegada més com a identificador de valor de color.
Mètode 2 de 4: utilitzar Color Cop per a Windows
Pas 1. Instal·leu Color Cop
Color Cop és una petita utilitat gratuïta que podeu utilitzar per identificar ràpidament el codi hexadecimal de qualsevol color de la pantalla. A continuació s'explica com obtenir l'aplicació:
- Aneu a https://colorcop.net/download en un navegador web.
- Feu clic a colorcop-setup.exe a "autoinstal·lació". Si el fitxer no es descarrega automàticament, feu clic a Desa o bé D'acord per iniciar la baixada.
- Feu doble clic al fitxer descarregat (es troba al fitxer Descàrregues (normalment a la part inferior esquerra de la pestanya del navegador).
- Seguiu les instruccions que apareixen a la pantalla per instal·lar l'aplicació.
Pas 2. Obriu Cop Cop
El trobareu al menú Inici.
Pas 3. Arrossegueu la icona del comptagotes fins al color que vulgueu identificar
Podeu identificar qualsevol color a la pantalla, inclosos els d'altres aplicacions i llocs web.
Pas 4. Solteu el botó del ratolí per mostrar el codi hexadecimal
El codi apareixerà en blanc al centre de l'aplicació.
Pas 5. Feu doble clic al codi hexadecimal i premeu Ctrl + C
Això copia el codi hexadecimal al porta-retalls.
Pas 6. Enganxeu el codi on el necessiteu
Pots fer servir Ctrl + V per enganxar el codi hexadecimal a qualsevol lloc que vulgueu, com ara al vostre codi HTML o CSS.
Mètode 3 de 4: utilitzar Imagecolorpicker.com
Pas 1. Aneu a https://imagecolorpicker.com a l'ordinador, al telèfon o a la tauleta
Podeu utilitzar aquesta eina gratuïta per identificar el codi hexadecimal de qualsevol color en una imatge penjada. Aquest mètode funcionarà a qualsevol navegador web, inclosos els del vostre Android, iPhone o iPad.
Pas 2. Pengeu una imatge o introduïu un URL
Haureu de decidir si voleu penjar la vostra pròpia imatge o utilitzar una imatge o un lloc web ja en línia. Qualsevol dels dos mètodes es pot utilitzar per mostrar una imatge o una pàgina web perquè seleccioneu el color que vulgueu.
- Per carregar una imatge, desplaceu-vos cap avall i seleccioneu Pengeu la vostra imatge, aneu a la imatge de l'ordinador, el telèfon o la tauleta i seleccioneu l'opció per penjar-la.
- Per utilitzar un lloc web, desplaceu-vos cap avall fins a l'opció "Utilitzeu aquest quadre per obtenir el codi de color HTML d'un lloc web", introduïu l'URL i feu clic o toqueu Prengui lloc web.
- Per seleccionar una imatge directa al web en lloc d'un lloc web sencer, introduïu l'URL de la imatge al quadre "Utilitzeu aquest quadre per obtenir el codi de color HTML d'una imatge mitjançant aquest URL" i, a continuació, feu clic o toqueu Feu una imatge.
Pas 3. Feu clic o toqueu el color que vulgueu a la previsualització de la imatge o del lloc
Es mostra el codi hexadecimal de color a l'extrem inferior esquerre de la pantalla.
Pas 4. Feu clic o toqueu la icona de còpia per copiar el codi hexadecimal al porta-retalls
Són els dos quadrats superposats a la dreta del codi hexadecimal. A continuació, podeu enganxar-lo a qualsevol fitxer de text o àrea d'escriptura.
Mètode 4 de 4: Ús de Firefox (per a colors al web)
Pas 1. Obriu Firefox al vostre PC o Mac
El navegador web Firefox inclou una eina comptagotes gratuïta que podeu utilitzar per identificar el codi hexadecimal de qualsevol color del web. Si teniu Firefox, el trobareu al menú Inici (Windows) o a la carpeta Aplicacions (macOS).
- Podeu descarregar Firefox gratuïtament a
- Firefox només us indicarà el valor d’un color en un lloc web. No el podeu utilitzar fora del navegador.
Pas 2. Aneu a un lloc web que contingui el color que voleu identificar
Assegureu-vos que es visualitzi l’element per al qual necessiteu el color.
Pas 3. Feu clic al menú ☰
Són les tres línies horitzontals a l'extrem superior dret del Firefox.
Pas 4. Feu clic al menú Desenvolupador web
S’ampliarà un altre menú.
Pas 5. Feu clic a Comptagotes
El cursor del ratolí es convertirà en un cercle gran.
Pas 6. Feu clic al color que vulgueu identificar
Notareu el valor hexadecimal de l’actualització dels colors en directe quan moveu el ratolí a la ubicació. Un cop feu clic al ratolí, Firefox desarà el codi hexadecimal al porta-retalls.
Pas 7. Enganxeu el codi on el necessiteu
Pots fer servir Control + V (PC) o Ordre + V (Mac) per enganxar el codi hexadecimal al vostre fitxer de text HTML, CSS o qualsevol altre tipus.
Consells
- Hi ha altres llocs web, extensions de navegador i programes d'edició d'imatges que també us permetran utilitzar un selector de colors per revelar també el codi hexadecimal del matís.
- Si sabeu qui ha creat la pàgina web amb el color que intenteu fer coincidir, sempre podeu preguntar-los quin codi hexadecimal han utilitzat. Com a alternativa, podeu endinsar el codi font del lloc web per trobar el codi hexadecimal que s’hi mostra.