Ta reda på hex-koden för en färg på din dator

Färger är inne HTML och CSS med sina hexadecimala koder. Om du skapar en webbsida eller arbetar med ett annat HTML-projekt och vill inkludera ett element som matchar en specifik färg i en bild, webbplats eller fönster på din datorskärm, måste du hitta färgens hexadecimala kod. Denna handledning kommer att visa dig hur du använder en mängd gratisverktyg för att snabbt ta reda på hex-koden för vilken färg som helst.

Steg

Metod 1 av 4: Använda den digitala färgmätaren på en Mac

Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 1
1. Öppna den digitala färgmätaren på din Mac. Detta verktyg är en del av macOS, kan särskilja färgvärdet för varje färg på skärmen. Öppna Finder, dubbelklicka på mappen Program, dubbelklicka på mappen Verktyg och dubbelklicka sedan Digital färgmätare att öppna den.
Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 2
2. Flytta muspekaren till den färg du vill ta reda på hex-koden för. Om du flyttar musen uppdateras värdena i verktyget i realtid. Flytta inte musen från denna plats förrän du låser både de horisontella och vertikala öppningarna.
Du kan också använda verktyget för att känna igen färger på webben. Öppna en webbläsare som Safari (eller någon annan webbläsare) och gå till en webbplats med den färg du vill känna igen.
Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 3
3. Tryck⌘ Kommando+l. Detta låser både de horisontella och vertikala öppningarna, vilket innebär att färgvärdet inte ändras när du flyttar musen.
Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 4
4. Tryck⇧Skift+⌘ Kommando+C för att kopiera hex-koden till urklipp. Du kan också kopiera hex-koden genom att trycka på Färg-menyklicka och Kopiera färg som text att välja.
Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 5
5. Tryck⌘ Kommando+V för att klistra in den kopierade koden. Du kan klistra in koden direkt i din HTML-kod, i en textfil eller någon annanstans där du kan skriva in text.
Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 6
6. Tryck⌘ Kommando+l för att låsa upp färgsökaren. Om du vill bestämma en annan färg släpper detta låset så att markören fungerar som en färgvärdessökare igen.

Metod 2 av 4: Använda Color Cop för Windows

Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 7
1. Installera Color Cop. Color Cop är ett litet, gratis verktyg som du kan använda för att snabbt ta reda på hex-koden för vilken färg som helst på skärmen. Du får den här appen enligt följande:
  • Gå till http://colorcop.net/nedladdning i en webbläsare.
  • Klicka på colorcop-inställning.ex under "självinstallera". Om filen inte laddas ned automatiskt klickar du på Spara eller OK för att starta nedladdningen.
  • Dubbelklicka på den nedladdade filen (den finns i mappen Nedladdningar och vanligtvis längst ner till vänster på webbläsarfliken).
  • Följ instruktionerna på skärmen för att installera programmet.
Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 8
2. Öppna Color Cop. Du hittar den i Start-menyn.
Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 9
3. Dra 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.
Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 10
4. Släpp musknappen för att visa hex-koden. Koden kommer att visas i mitten av programmet i det tomma utrymmet.
Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 11
5. Dubbelklicka på hex-koden och tryckCtrl+C. Detta kopierar hex-koden till urklippet.
Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 12
6. Klistra in koden där du behöver den. Du kan Ctrl + V använd den för att klistra in hex-koden var du vill, som i HTML- eller CSS-kod.

Metod 3 av 4: Använda Imagecolorpicker.com

Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 13
1. Gå tillhttps://imagecolorpicker.com på din dator, telefon eller surfplatta. Du kan använda detta gratisverktyg för att bestämma hex-koden för vilken färg som helst i en uppladdad bild. Denna metod fungerar i alla webbläsare, inklusive de på en Android, iPhone eller iPad.
Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 14
2. Ladda upp en bild eller ange en URL. Du måste bestämma om du vill ladda upp din egen bild eller om du vill använda en onlinebild eller webbplats. Båda metoderna kan användas för att visa en bild eller webbsida, så att du kan välja den färg du vill ha.
  • För att ladda upp en bild, scrolla ned och välj Ladda upp din bild, gå sedan till bilden på din dator, telefon eller surfplatta och välj alternativet för att ladda upp den.
  • För att använda en webbplats, rulla ner till alternativet "Använd den här rutan för att få en webbplatss HTML-färgkod", ange URL:en och klicka eller tryck på knappen Ta hemsidan för att välja webbplats.
  • För att välja en direkt bild från webben istället för en hel webbplats, lägg in webbadressen till bilden i rutan "Använd den här rutan för att hämta HTML-färgkoden för en bild från den här webbadressen" och klicka eller tryck på Ta bild.
    Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 15
    3. Klicka eller tryck på den färg du vill ha i förhandsgranskningen av bilden/webbplatsen. Detta kommer att visa hex-färgkoden i det nedre vänstra hörnet av skärmen.
    Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 16
  • 4. Klicka eller tryck på kopieringsikonen (de två överlappande rutorna till höger om hex-koden) för att kopiera hex-koden till ditt urklipp. Du kan sedan klistra in den i valfri textfil eller skrivområde.

    Metod 4 av 4: Använda Firefox (för färgläggning på webben)

    Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 17
    1. Öppna Firefox på din PC eller Mac. Firefox webbläsare kommer med ett gratis verktyg som du kan använda för att identifiera hex-koden för vilken färg som helst på webben. Om du har Firefox installerat kan du hitta det i Start-menyn (Windows) eller i mappen Applications (macOS).
    • Du kan ladda ner Firefox gratis på https://www.mozilla.org/en-US/firefox.
    • Firefox returnerar bara värdet av en färg på en webbplats. Du kan inte använda verktyget utanför webbläsaren.
    Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 18
    2. Gå till en webbplats som innehåller den färg du vill bestämma. Se till att elementet du behöver färgen till finns på bilden.
    Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 19
    3. Klicka på menyn. Det är de tre horisontella linjerna i det övre högra hörnet av Firefox.
    Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 20
    4. Klicka på detwebbutvecklare-meny. Ytterligare en meny utökas.
    Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 21
    5. Klicka påpipett. Din muspekare kommer att förvandlas till en stor cirkel.
    Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 22
    6. Klicka på den färg du vill bestämma. Färgernas hexadecimala värde kommer att uppdateras omedelbart när du flyttar musen till platsen. När du klickar på musen kommer Firefox att spara hex-koden till ditt urklipp.
    Bild med titeln Hämta hexkoden för en färg på din datorskärm Steg 23
    7. Klistra in koden där du behöver den. Du kan Kontroll + V använda (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 bestämma färgens hex-kod.
  • Om du känner skaparna av webbsidan med färgen du försöker hitta kan du alltid fråga vilken hex-kod de använde. Du kan också sök i källkoden för webbplatsen för att hitta hex-koden som anges där.

  • Оцените, пожалуйста статью