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.

Methode 1
Methode 1 van 4:

De digitale kleurenmeter op een Mac gebruiken

Pdf downloaden
  1. Dit hulpmiddel is onderdeel van macOS, kan de kleurwaarde van elke kleur op het scherm onderscheiden. [1] Open Finder, dubbelklik op de map Programma's , dubbelklik op de map Hulpprogramma's en dubbelklik vervolgens op Digitale kleurenmeter om hem te openen.
  2. 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.
  3. Dit vergrendelt zowel de horizontale als de verticale openingen, wat betekent dat de kleurwaarde niet verandert als je de muis beweegt.
  4. Je kunt de hex-code ook kopiëren door op het Kleur -menu te klikken en Kleur als tekst kopiëren te selecteren.
  5. Je kunt de code direct in je HTML-code plakken, in een tekstbestand of elders waar je tekst kunt invoeren.
  6. Als je een andere kleur wilt bepalen, geeft dit de vergrendeling vrij zodat de cursor weer als een kleurwaarde-zoeker werkt.
    Advertentie
Methode 2
Methode 2 van 4:

Color Cop voor Windows gebruiken

Pdf downloaden
  1. 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.
  2. Je vindt het in het Start-menu.
  3. Je kunt elke kleur op het scherm identificeren, ook die in andere toepassingen en op websites.
  4. De code zal in het midden van het programma in de lege ruimte verschijnen.
  5. Dit kopieert de hex-code naar het klembord.
  6. Je kunt Ctrl + V gebruiken om de hex-code te plakken waar je maar wilt, zoals in HTML of CSS-code.
    Advertentie
Methode 3
Methode 3 van 4:

Met behulp van Imagecolorpicker.com

Pdf downloaden
  1. 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.
  2. 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 .
  3. Dit geeft de hex-code van de kleur weer in de linkerbenedenhoek van het scherm.
  4. 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
Methode 4
Methode 4 van 4:

Firefox gebruiken (voor kleuren op het web)

Pdf downloaden
  1. 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.
  2. Zorg ervoor dat het element waarvoor je de kleur nodig hebt in beeld is.
  3. Het zijn de drie horizontale lijnen in de rechterbovenhoek van Firefox.
  4. Een ander menu wordt uitgebreid.
  5. Je muiscursor zal veranderen in een grote cirkel.
  6. 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.
  7. 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

Over dit artikel

Deze pagina is 10.921 keer bekeken.

Was dit artikel nuttig?

Advertentie