4 maneres d’obtenir el codi hexadecimal d’un color a la pantalla de l’ordinador

Taula de continguts:

4 maneres d’obtenir el codi hexadecimal d’un color a la pantalla de l’ordinador
4 maneres d’obtenir el codi hexadecimal d’un color a la pantalla de l’ordinador

Vídeo: 4 maneres d’obtenir el codi hexadecimal d’un color a la pantalla de l’ordinador

Vídeo: 4 maneres d’obtenir el codi hexadecimal d’un color a la pantalla de l’ordinador
Vídeo: Основные ошибки при возведении перегородок из газобетона #5 2024, Març
Anonim

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

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador Pas 1
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador Pas 1

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.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 2
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 2

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

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 3
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 3

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í.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 4
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 4

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.

Obteniu el codi Hex d'un color a la pantalla de l'ordinador. Pas 5
Obteniu el codi Hex d'un color a la pantalla de l'ordinador. Pas 5

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.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 6
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 6

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

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 7
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 7

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ó.
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 8
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 8

Pas 2. Obriu Cop Cop

El trobareu al menú Inici.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 9
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 9

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.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 10
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 10

Pas 4. Solteu el botó del ratolí per mostrar el codi hexadecimal

El codi apareixerà en blanc al centre de l'aplicació.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 11
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 11

Pas 5. Feu doble clic al codi hexadecimal i premeu Ctrl + C

Això copia el codi hexadecimal al porta-retalls.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 12
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 12

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

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 13
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 13

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.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 14
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 14

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.
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 15
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 15

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.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 16
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 16

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)

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 17
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 17

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.
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 18
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 18

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.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 19
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 19

Pas 3. Feu clic al menú ☰

Són les tres línies horitzontals a l'extrem superior dret del Firefox.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 20
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 20

Pas 4. Feu clic al menú Desenvolupador web

S’ampliarà un altre menú.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 21
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador. Pas 21

Pas 5. Feu clic a Comptagotes

El cursor del ratolí es convertirà en un cercle gran.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador Pas 22
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador Pas 22

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.

Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador Pas 23
Obteniu el codi hexadecimal d'un color a la pantalla de l'ordinador Pas 23

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.

Recomanat: