Farger identifiseres i HTML og CSS med sine heksadesimale koder. Hvis du oppretter en webside eller et annet HTML -prosjekt og vil inkludere et element som matcher en bestemt farge i et bilde, nettsted eller vindu på dataskjermen, må du finne fargens hex -kode. Denne wikiHow lærer deg hvordan du bruker en rekke gratis verktøy for raskt å identifisere hex -koden for en hvilken som helst farge.
Trinn
Metode 1 av 4: Bruke Digital Color Meter på en Mac
Trinn 1. Åpne Digital Color Meter på din Mac
Dette verktøyet, som kommer med macOS, kan identifisere fargeverdien til hvilken som helst farge på skjermen. Åpne Finder, dobbeltklikk på applikasjoner dobbeltklikk på Verktøy mappen, og dobbeltklikk deretter Digital fargemåler å åpne den.
Trinn 2. Flytt musemarkøren til fargen du vil identifisere
Når du beveger musen, oppdateres verdiene i verktøyet i sanntid. Ikke flytt musen fra dette stedet før du låser både de horisontale og vertikale blenderåpningene.
Du kan også bruke verktøyet til å identifisere farger på nettet. Bare åpne Safari (eller din foretrukne nettleser) og naviger til et nettsted som inneholder fargen du vil identifisere
Trinn 3. Trykk på ⌘ Kommando+L
Dette låser både de horisontale og vertikale blenderåpningene, noe som betyr at fargeverdien ikke vil endres når du beveger musen.
Trinn 4. Trykk på ⇧ Shift+⌘ Command+C for å kopiere hex -koden til utklippstavlen
Du kan også kopiere hex -koden ved å klikke på Farge meny og velge Kopier farge som tekst.
Trinn 5. Trykk på ⌘ Kommando+V for å lime inn den kopierte koden
Du kan lime den inn direkte i HTML -koden, en tekstfil eller et annet skriveområde.
Trinn 6. Trykk på ⌘ Kommando+L for å låse opp blenderåpningene
Hvis du vil identifisere en annen farge, frigjør dette låsen, slik at markøren igjen fungerer som en fargeverdiidentifikator.
Metode 2 av 4: Bruke Color Cop for Windows
Trinn 1. Installer Color Cop
Color Cop er et lite, gratis verktøy du kan bruke til raskt å identifisere hex -koden for en hvilken som helst farge på skjermen. Slik får du appen:
- Gå til https://colorcop.net/download i en nettleser.
- Klikk colorcop-setup.exe under "selvinstallering". Hvis filen ikke lastes ned automatisk, klikker du Lagre eller OK for å starte nedlastingen.
- Dobbeltklikk på den nedlastede filen (den er i Nedlastinger mappen, og vanligvis nederst i venstre hjørne av nettleserfanen).
- Følg instruksjonene på skjermen for å installere programmet.
Trinn 2. Åpne Color Cop
Du finner det i Start -menyen.
Trinn 3. Dra pipetten -ikonet til fargen du vil identifisere
Du kan identifisere hvilken som helst farge på skjermen, inkludert fargene i andre applikasjoner og på nettsteder.
Trinn 4. Slipp museknappen for å avsløre hex -koden
Koden vil vises i feltet i midten av applikasjonen.
Trinn 5. Dobbeltklikk på hex-koden og trykk Ctrl+C
Dette kopierer hex -koden til utklippstavlen.
Trinn 6. Lim inn koden der du trenger den
Du kan bruke Ctrl + V å lime inn hex -koden hvor du vil, for eksempel i HTML- eller CSS -koden.
Metode 3 av 4: Bruke Imagecolorpicker.com
Trinn 1. Gå til https://imagecolorpicker.com på datamaskinen, telefonen eller nettbrettet
Du kan bruke dette gratis verktøyet til å identifisere hex -koden for en hvilken som helst farge i et opplastet bilde. Denne metoden fungerer i alle nettlesere, inkludert de på Android, iPhone eller iPad.
Trinn 2. Last opp et bilde eller skriv inn en URL
Du må bestemme om du vil laste opp ditt eget bilde eller bruke et bilde eller nettsted som allerede er online. Begge metodene kan brukes til å vise et bilde eller en webside slik at du kan velge ønsket farge.
- For å laste opp et bilde, rull ned og velg Last opp bildet ditt, naviger til bildet på datamaskinen, telefonen eller nettbrettet, og velg alternativet for å laste det opp.
- For å bruke et nettsted, rull ned til "Bruk denne boksen for å hente HTML -fargekoden fra et nettsted", skriv inn URL -en og klikk eller trykk Ta nettstedet.
- Hvis du vil velge et direkte bilde på nettet i stedet for et helt nettsted, skriver du inn URL -adressen til bildet i "Bruk denne boksen for å hente HTML -fargekoden fra et bilde via denne nettadressen", og klikk eller trykk deretter på Ta bilde.
Trinn 3. Klikk eller trykk på fargen du vil ha i forhåndsvisningen av bildet/stedet
Dette viser farge-hex-koden nederst til venstre på skjermen.
Trinn 4. Klikk eller trykk på kopiikonet for å kopiere hex -koden til utklippstavlen
Det er de to overlappende firkantene til høyre for hex -koden. Du kan deretter lime den inn i en hvilken som helst tekstfil eller skriveområde.
Metode 4 av 4: Bruke Firefox (for farger på nettet)
Trinn 1. Åpne Firefox på din PC eller Mac
Firefox -nettleseren kommer med et gratis Eyedropper -verktøy du kan bruke til å identifisere hex -koden for hvilken som helst farge på nettet. Hvis du har Firefox, finner du det i Start -menyen (Windows) eller i mappen Programmer (macOS).
- Du kan laste ned Firefox gratis på
- Firefox vil bare fortelle deg verdien av en farge på et nettsted. Du kan ikke bruke den utenfor nettleseren.
Trinn 2. Gå til et nettsted som inneholder fargen du vil identifisere
Sørg for at elementet du trenger fargen for er synlig.
Trinn 3. Klikk på menyen ☰
Det er de tre horisontale linjene øverst til høyre i Firefox.
Trinn 4. Klikk på Web Developer -menyen
En annen meny utvides.
Trinn 5. Klikk på Pipett
Musemarkøren blir til en stor sirkel.
Trinn 6. Klikk på fargen du vil identifisere
Du vil legge merke til hex -verdien til fargeoppdateringen live når du flytter musen til stedet. Når du klikker på musen, lagrer Firefox hex -koden på utklippstavlen.
Trinn 7. Lim inn koden der du trenger den
Du kan bruke Kontroll + V (PC) eller Kommando + V (Mac) for å lime inn hex -koden i HTML, CSS eller annen type tekstfil.
Tips
- Det finnes andre nettsteder, nettleserutvidelser og bilderedigeringsprogrammer som også lar deg bruke en fargevelger for å avsløre fargetoneens hex -kode også.
- Hvis du vet hvem som opprettet nettsiden med fargen du prøver å matche, kan du alltid spørre dem hvilken hex -kode de brukte. Alternativt kan du grave i nettstedets kildekode for å finne hex -koden som er oppført der.