Pdf downloaden
Pdf downloaden
Kleuren worden in HTML en CSS onderscheiden aan de hand van hun hexadecimale codes. Als je een webpagina maakt of met een ander HTML-project bezig bent en een element wilt opnemen dat overeenkomt met een specifieke kleur in een afbeelding, website of venster op je computerscherm, dan moet je de hexadecimale code van de kleur vinden. Deze wikiHow laat je zien hoe je een verscheidenheid aan gratis tools kunt gebruiken om snel de hex-code van een willekeurige kleur te achterhalen.
Stappen
-
Open de digitale kleurenmeter op je Mac. Dit hulpmiddel is onderdeel van macOS, kan de kleurwaarde van elke kleur op het scherm onderscheiden. [1] X Bron Open Finder, dubbelklik op de map Programma's , dubbelklik op de map Hulpprogramma's en dubbelklik vervolgens op Digitale kleurenmeter om hem te openen.
-
Verplaats de muiscursor naar de kleur waarvan je de hex-code wilt achterhalen. Als je de muis beweegt, worden de waarden in de tool in realtime bijgewerkt. Beweeg de muis niet vanaf deze locatie totdat je zowel de horizontale als de verticale openingen vergrendelt.
- Je kunt de tool ook gebruiken om kleuren op het web te herkennen. Open een browser zoals Safari (of je een andere browser) en ga naar een website met de kleur die je wilt herkennen.
-
Druk op ⌘ Command + L . Dit vergrendelt zowel de horizontale als de verticale openingen, wat betekent dat de kleurwaarde niet verandert als je de muis beweegt.
-
Druk op ⇧ Shift + ⌘ Command + C om de hex-code naar het klembord te kopiëren. Je kunt de hex-code ook kopiëren door op het Kleur -menu te klikken en Kleur als tekst kopiëren te selecteren.
-
Druk op ⌘ Command + V om de gekopieerde code te plakken. Je kunt de code direct in je HTML-code plakken, in een tekstbestand of elders waar je tekst kunt invoeren.
-
Druk op ⌘ Command + L om de kleurzoeker te ontgrendelen. Als je een andere kleur wilt bepalen, geeft dit de vergrendeling vrij zodat de cursor weer als een kleurwaarde-zoeker werkt.Advertentie
-
Installeer Color Cop. Color Cop is een klein, gratis hulpprogramma dat je kunt gebruiken om snel de hex-code van een willekeurige kleur op het scherm te achterhalen. Deze app krijg je als volgt:
- Ga naar http://colorcop.net/download in een webbrowser.
- Klik op colorcop-setup.exe onder 'self-installing' (automatisch installeren). Als het bestand niet automatisch wordt gedownload, klik dan op Opslaan of OK om het downloaden te starten.
- Dubbelklik op het gedownloade bestand (het staat in de map Downloads en meestal linksonder op het browsertabblad).
- Volg de instructies op het scherm om de applicatie te installeren.
-
Open Color Cop. Je vindt het in het Start-menu.
-
Sleep de pipet naar de kleur die je wilt identificeren. Je kunt elke kleur op het scherm identificeren, ook die in andere toepassingen en op websites.
-
Laat de muisknop los om de hex-code zichtbaar te maken. De code zal in het midden van het programma in de lege ruimte verschijnen.
-
Dubbelklik op de hex-code en druk op Ctrl + C . Dit kopieert de hex-code naar het klembord.
-
Plak de code waar je hem nodig hebt. Je kunt Ctrl + V gebruiken om de hex-code te plakken waar je maar wilt, zoals in HTML of CSS-code.Advertentie
-
Ga naar https://imagecolorpicker.com op je computer, telefoon of tablet. Je kunt deze gratis tool gebruiken om de hex-code van elke kleur in een geüploade afbeelding te bepalen. Deze methode werkt in elke webbrowser, inclusief die op een Android, iPhone of iPad.
-
Upload een afbeelding of voer een URL in. Je zult moeten beslissen of je een eigen afbeelding wilt uploaden of dat je een online afbeelding of website wilt gebruiken. Beide methoden kunnen worden gebruikt om een afbeelding of webpagina weer te geven, zodat je de gewenste kleur kunt selecteren.
- Om een afbeelding te uploaden, schuif je naar beneden en selecteer je Upload je afbeelding , ga dan naar de afbeelding op je computer, telefoon of tablet en selecteer de optie om deze te uploaden.
- Om een website te gebruiken, schuif je naar beneden naar de optie 'Gebruik dit vakje om de HTML-kleurcode van een website te krijgen', voer je de URL in en klik of tik je vervolgens op de knop Take website om de website te selecteren.
- Om een directe afbeelding op het web te selecteren in plaats van een hele website, plaats je de URL van de afbeelding in het vak 'Gebruik dit vak om de HTML-kleurcode van een afbeelding via deze URL te krijgen' en klik of tik je op Take image .
-
Klik of tik op de kleur die je wilt in de voorbeeldweergave van de afbeelding/site. Dit geeft de hex-code van de kleur weer in de linkerbenedenhoek van het scherm.
-
Klik of tik op het kopieerpictogram (de twee overlappende vierkanten aan de rechterkant van de hex-code) om de hex-code naar je klembord te kopiëren. Je kunt het dan in elk tekstbestand of typegebied plakken.Advertentie
-
Open Firefox op je pc of Mac. De Firefox webbrowser wordt geleverd met een gratis tool die je kunt gebruiken om de hex-code van elke kleur op het web te identificeren. Als je Firefox hebt geïnstalleerd, vind je deze in het Start-menu (Windows) of in de map Programma's (macOS).
- Je kunt Firefox gratis downloaden op https://www.mozilla.org/en-US/firefox .
- Firefox geeft alleen de waarde van een kleur op een website. Je kunt de tool niet buiten de browser gebruiken.
-
Ga naar een website die de kleur bevat die je wilt bepalen. Zorg ervoor dat het element waarvoor je de kleur nodig hebt in beeld is.
-
Klik op het menu ☰ . Het zijn de drie horizontale lijnen in de rechterbovenhoek van Firefox.
-
Klik op het Webontwikkelaar -menu. Een ander menu wordt uitgebreid.
-
Klik op de pipet . Je muiscursor zal veranderen in een grote cirkel.
-
Klik op de kleur die je wilt bepalen. De hex-waarde van de kleuren zal direct bijgewerkt worden terwijl je de muis naar de locatie beweegt. Zodra je op de muis klikt, zal Firefox de hex-code op je klembord opslaan.
-
Plak de code waar je hem nodig hebt. Je kunt Control + V gebruiken (PC) of Command + V (Mac) om de hex-code in je HTML, CSS of een ander type tekstbestand te plakken.Advertentie
Tips
- Er zijn andere websites, browserextensies en beeldbewerkingsprogramma's waarmee je ook een kleurenkiezer kunt gebruiken om de hex-code van de kleur te bepalen.
- Als je weet wie makers zijn van de webpagina met de kleur die je probeert te achterhalen, dan kun je altijd vragen welke hexcode ze hebben gebruikt. Je kunt ook de broncode van de website doorzoeken om de daar vermelde hexcode te vinden.
Advertentie
Advertentie