Färger identifieras i HTML och CSS med sina hexadecimala koder. Om du skapar en webbsida eller ett annat HTML -projekt och vill inkludera ett element som matchar en specifik färg i en bild, webbplats eller fönster på datorskärmen måste du hitta färgens hex -kod. Denna wikiHow lär dig hur du använder en mängd gratis verktyg för att snabbt identifiera hex -koden för vilken färg som helst.
Steg
Metod 1 av 4: Använda digital färgmätare på en Mac
Steg 1. Öppna Digital Color Meter på din Mac
Detta verktyg, som levereras med macOS, kan identifiera färgvärdet för vilken färg som helst på skärmen. Öppna Finder, dubbelklicka på Ansökningar dubbelklicka på Verktyg mapp och dubbelklicka sedan Digital färgmätare att öppna den.
Steg 2. Flytta muspekaren till den färg du vill identifiera
När du flyttar musen uppdateras värdena i verktyget i realtid. Flytta inte musen från den här platsen förrän du låser både horisontella och vertikala bländare.
Du kan också använda verktyget för att identifiera färger på webben. Öppna bara Safari (eller din föredragna webbläsare) och navigera till en webbplats som innehåller den färg du vill identifiera
Steg 3. Tryck på ⌘ Kommando+L
Detta låser både horisontella och vertikala bländare, vilket betyder att färgvärdet inte kommer att förändras när du flyttar musen.
Steg 4. Tryck på ⇧ Skift+⌘ Kommando+C för att kopiera hex -koden till Urklipp
Du kan också kopiera hex -koden genom att klicka på Färg menyn och välj Kopiera färg som text.
Steg 5. Tryck på ⌘ Kommando+V för att klistra in den kopierade koden
Du kan klistra in den direkt i din HTML -kod, en textfil eller något annat skrivområde.
Steg 6. Tryck på ⌘ Kommando+L för att låsa upp bländarna
Om du vill identifiera en annan färg släpper detta låset så att markören återigen fungerar som en färgvärdesidentifierare.
Metod 2 av 4: Använda Color Cop för Windows
Steg 1. Installera Color Cop
Color Cop är ett litet, gratis verktyg som du kan använda för att snabbt identifiera hex -koden för valfri färg på skärmen. Så här får du appen:
- Gå till https://colorcop.net/download i en webbläsare.
- Klick colorcop-setup.exe under "självinstallation". Om filen inte laddas ner automatiskt klickar du på Spara eller OK för att starta nedladdningen.
- Dubbelklicka på den nedladdade filen (den finns i Nedladdningar mapp, och vanligtvis i det nedre vänstra hörnet på webbläsarfliken).
- Följ instruktionerna på skärmen för att installera programmet.
Steg 2. Öppna Color Cop
Du hittar det i din Start -meny.
Steg 3. Dra ikonen för pipetten till den färg du vill identifiera
Du kan identifiera vilken färg som helst på skärmen, inklusive de i andra applikationer och på webbplatser.
Steg 4. Släpp musknappen för att avslöja hex -koden
Koden kommer att visas i det tomma i mitten av applikationen.
Steg 5. Dubbelklicka på hex-koden och tryck på Ctrl+C
Detta kopierar hex -koden till ditt urklipp.
Steg 6. Klistra in koden där du behöver den
Du kan använda Ctrl + V för att klistra in hex -koden var du vill, till exempel i din HTML- eller CSS -kod.
Metod 3 av 4: Använda Imagecolorpicker.com
Steg 1. Gå till https://imagecolorpicker.com på din dator, telefon eller surfplatta
Du kan använda detta gratisverktyg för att identifiera hex -koden för valfri färg i en uppladdad bild. Denna metod fungerar i alla webbläsare, inklusive dem på din Android, iPhone eller iPad.
Steg 2. Ladda upp en bild eller ange en URL
Du måste bestämma om du vill ladda upp din egen bild eller använda en bild eller webbplats som redan är online. Båda metoderna kan användas för att visa en bild eller webbsida så att du kan välja önskad färg.
- För att ladda upp en bild, rulla ner och välj Ladda upp din bild, navigera till bilden på din dator, telefon eller surfplatta och välj alternativet att ladda upp den.
- Om du vill använda en webbplats rullar du ner till alternativet "Använd den här rutan för att hämta HTML -färgkoden från en webbplats", ange webbadressen och klicka eller tryck sedan på Ta hemsida.
- Om du vill välja en direktbild på webben istället för en hel webbplats anger du URL: en till bilden i rutan "Använd den här rutan för att få HTML -färgkoden från en bild via denna URL", klicka eller tryck sedan på Ta bild.
Steg 3. Klicka eller tryck på den färg du vill ha i förhandsgranskningen av bilden/webbplatsen
Detta visar färg hex-koden längst ned till vänster på skärmen.
Steg 4. Klicka eller tryck på kopieringsikonen för att kopiera hex -koden till ditt urklipp
Det är de två överlappande rutorna till höger om hex -koden. Du kan sedan klistra in den i valfri textfil eller skrivområde.
Metod 4 av 4: Använda Firefox (för färger på webben)
Steg 1. Öppna Firefox på din PC eller Mac
Firefox webbläsare levereras med ett gratis Eyedropper -verktyg som du kan använda för att identifiera hex -koden för valfri färg på webben. Om du har Firefox hittar du det i Start -menyn (Windows) eller i mappen Program (macOS).
- Du kan ladda ner Firefox gratis på
- Firefox kommer bara att berätta värdet av en färg på en webbplats. Du kan inte använda den utanför webbläsaren.
Steg 2. Gå till en webbplats som innehåller den färg du vill identifiera
Se till att elementet du behöver färgen för syns.
Steg 3. Klicka på menyn ☰
Det är de tre horisontella linjerna i det övre högra hörnet av Firefox.
Steg 4. Klicka på webbutvecklarmenyn
En annan meny kommer att expandera.
Steg 5. Klicka på Ögondroppar
Muspekaren förvandlas till en stor cirkel.
Steg 6. Klicka på den färg du vill identifiera
Du kommer att märka hexvärdet för färgerna uppdateras live när du flyttar musen till platsen. När du klickar med musen sparar Firefox hex -koden i ditt urklipp.
Steg 7. Klistra in koden där du behöver den
Du kan använda Kontroll + V (PC) eller Kommando + V (Mac) för att klistra in hex -koden i din HTML, CSS eller någon annan typ av textfil.
Tips
- Det finns andra webbplatser, webbläsartillägg och bildredigeringsprogram som också låter dig använda en färgväljare för att avslöja nyansens hex -kod också.
- Om du vet vem som skapade webbsidan med den färg du försöker matcha kan du alltid fråga dem vilken hex -kod de använde. Alternativt kan du gräva i webbplatsens källkod för att hitta hexkoden som anges där.
