Farver identificeres i HTML og CSS ved deres hexadecimale koder. Hvis du opretter en webside eller et andet HTML -projekt og vil inkludere et element, der matcher en bestemt farve i et billede, et websted eller et vindue på din computerskærm, skal du finde farveens hex -kode. Denne wikiHow lærer dig, hvordan du bruger en række gratis værktøjer til hurtigt at identificere hex -koden for enhver farve.
Trin
Metode 1 af 4: Brug af Digital Color Meter på en Mac
Trin 1. Åbn Digital Color Meter på din Mac
Dette værktøj, der leveres med macOS, kan identificere farveværdien af enhver farve på skærmen. Åbn Finder, dobbeltklik på Ansøgninger mappe, dobbeltklik på Hjælpeprogrammer mappe, og dobbeltklik derefter på Digital farvemåler at åbne den.
Trin 2. Flyt musemarkøren til den farve, du vil identificere
Når du bevæger musen, opdateres værdierne i værktøjet i realtid. Flyt ikke musen fra dette sted, før du låser både de vandrette og lodrette åbninger.
Du kan også bruge værktøjet til at identificere farver på internettet. Bare åbn Safari (eller din foretrukne browser) og naviger til et websted, der indeholder den farve, du vil identificere
Trin 3. Tryk på ⌘ Command+L
Dette låser både de vandrette og lodrette åbninger, hvilket betyder, at farveværdien ikke ændres, når du flytter musen.
Trin 4. Tryk på ⇧ Shift+⌘ Command+C for at kopiere hex -koden til udklipsholderen
Du kan også kopiere hex -koden ved at klikke på Farve menu og vælg Kopier farve som tekst.
Trin 5. Tryk på ⌘ Kommando+V for at indsætte den kopierede kode
Du kan indsætte den direkte i din HTML -kode, en tekstfil eller et hvilket som helst andet skriveområde.
Trin 6. Tryk på ⌘ Kommando+L for at låse åbningerne op
Hvis du vil identificere en anden farve, frigiver dette låsen, så markøren igen fungerer som en farveværdiidentifikator.
Metode 2 af 4: Brug af Color Cop til Windows
Trin 1. Installer Color Cop
Color Cop er et lille, gratis værktøj, du kan bruge til hurtigt at identificere hex -koden for enhver farve på skærmen. Sådan får du appen:
- Gå til https://colorcop.net/download i en webbrowser.
- Klik på colorcop-setup.exe under "selvinstallation". Hvis filen ikke downloades automatisk, skal du klikke på Gemme eller Okay for at starte overførslen.
- Dobbeltklik på den downloadede fil (den er i Downloads mappe og normalt i nederste venstre hjørne af browserfanen).
- Følg vejledningen på skærmen for at installere programmet.
Trin 2. Åbn Color Cop
Du finder det i din Start -menu.
Trin 3. Træk pipetteikonet til den farve, du vil identificere
Du kan identificere enhver farve på skærmen, herunder dem i andre applikationer og på websteder.
Trin 4. Slip museknappen for at afsløre hex -koden
Koden vises i feltet i midten af applikationen.
Trin 5. Dobbeltklik på hex-koden, og tryk på Ctrl+C
Dette kopierer hex -koden til dit udklipsholder.
Trin 6. Indsæt koden, hvor du har brug for den
Du kan bruge Ctrl + V at indsætte hex -koden hvor som helst du ønsker det, f.eks. i din HTML- eller CSS -kode.
Metode 3 af 4: Brug af Imagecolorpicker.com
Trin 1. Gå til https://imagecolorpicker.com på din computer, telefon eller tablet
Du kan bruge dette gratis værktøj til at identificere hex -koden for enhver farve i et uploadet billede. Denne metode fungerer i enhver webbrowser, inklusive dem på din Android, iPhone eller iPad.
Trin 2. Upload et billede, eller indtast en URL
Du skal beslutte, om du vil uploade dit eget billede eller bruge et billede eller websted, der allerede er online. Begge metoder kan bruges til at vise et billede eller en webside, så du kan vælge den ønskede farve.
- For at uploade et billede skal du rulle ned og vælge Upload dit billede, naviger til billedet på din computer, telefon eller tablet, og vælg muligheden for at uploade det.
- For at bruge et websted skal du rulle ned til "Brug denne boks til at hente HTML -farvekoden fra et websted", indtaste webadressen, og klik eller tryk derefter på Tag webstedet.
- Hvis du vil vælge et direkte billede på internettet i stedet for et helt websted, skal du indtaste URL'en til billedet i feltet "Brug denne boks til at hente HTML -farvekoden fra et billede via denne URL", og klik eller tryk derefter på Tag billede.
Trin 3. Klik eller tryk på den farve, du vil have i billedet/webstedets forhåndsvisning
Dette viser farve-hex-koden i nederste venstre hjørne af skærmen.
Trin 4. Klik eller tryk på kopiikonet for at kopiere hex -koden til dit udklipsholder
Det er de to overlappende firkanter til højre for hex -koden. Du kan derefter indsætte den i enhver tekstfil eller skriveområde.
Metode 4 af 4: Brug af Firefox (til farver på internettet)
Trin 1. Åbn Firefox på din pc eller Mac
Firefox -webbrowseren leveres med et gratis Eyedropper -værktøj, du kan bruge til at identificere hex -koden for enhver farve på nettet. Hvis du har Firefox, finder du det i menuen Start (Windows) eller i mappen Programmer (macOS).
- Du kan downloade Firefox gratis på
- Firefox fortæller dig kun værdien af en farve på et websted. Du kan ikke bruge den uden for browseren.
Trin 2. Gå til et websted, der indeholder den farve, du vil identificere
Sørg for, at det element, du har brug for farven til, er synligt.
Trin 3. Klik på menuen ☰
Det er de tre vandrette linjer i øverste højre hjørne af Firefox.
Trin 4. Klik på menuen Webudvikler
En anden menu udvides.
Trin 5. Klik på Øjedråber
Din musemarkør bliver til en stor cirkel.
Trin 6. Klik på den farve, du vil identificere
Du vil bemærke hex -værdien af farvernes opdatering live, når du flytter musen til placeringen. Når du klikker med musen, gemmer Firefox hex -koden på dit udklipsholder.
Trin 7. Indsæt koden, hvor du har brug for den
Du kan bruge Kontrol + V (PC) eller Kommando + V (Mac) for at indsætte hex -koden i din HTML, CSS eller en hvilken som helst anden tekstfil.
Tips
- Der er andre websteder, browserudvidelser og billedredigeringsprogrammer, der også giver dig mulighed for at bruge en farvevælger til at afsløre nuancens hex -kode.
- Hvis du ved, hvem der har oprettet websiden med den farve, du prøver at matche, kan du altid spørge dem, hvilken hex -kode de brugte. Alternativt kan du grave i webstedets kildekode for at finde hex -koden, der er angivet der.
