Kleuren worden in HTML en CSS geïdentificeerd aan de hand van hun hexadecimale codes. Als u een webpagina of ander HTML-project maakt en een element wilt opnemen dat overeenkomt met een specifieke kleur in een afbeelding, website of venster op uw computerscherm, moet u de hexadecimale code van de kleur vinden. Deze wikiHow leert je hoe je een verscheidenheid aan gratis tools kunt gebruiken om snel de hexadecimale code van elke kleur te identificeren.
Stappen
Methode 1 van 4: Digitale kleurenmeter gebruiken op een Mac
Stap 1. Open Digital Color Meter op uw Mac
Deze tool, die bij macOS wordt geleverd, kan de kleurwaarde van elke kleur op het scherm identificeren. Open Finder, dubbelklik op de Toepassingen map, dubbelklik op de Nutsvoorzieningen map en dubbelklik vervolgens op Digitale kleurenmeter om het te openen.
Stap 2. Verplaats de muiscursor naar de kleur die u wilt identificeren
Terwijl u de muis beweegt, worden de waarden in de tool in realtime bijgewerkt. Beweeg uw muis niet van deze locatie totdat u zowel de horizontale als de verticale openingen hebt vergrendeld.
U kunt de tool ook gebruiken om kleuren op internet te identificeren. Open gewoon Safari (of uw favoriete browser) en ga naar een website die de kleur bevat die u wilt identificeren
Stap 3. Druk op ⌘ Command+L
Hierdoor worden zowel de horizontale als de verticale openingen vergrendeld, waardoor de kleurwaarde niet verandert als je de muis beweegt.
Stap 4. Druk op ⇧ Shift+⌘ Command+C om de hexadecimale code naar het klembord te kopiëren
U kunt de hexadecimale code ook kopiëren door op de Kleur menu en selecteren Kleur kopiëren als tekst.
Stap 5. Druk op ⌘ Command+V om de gekopieerde code te plakken
U kunt het rechtstreeks in uw HTML-code, een tekstbestand of een ander typegebied plakken.
Stap 6. Druk op ⌘ Command+L om de openingen te ontgrendelen
Als u een andere kleur wilt identificeren, wordt de vergrendeling opgeheven, zodat de cursor opnieuw fungeert als een kleurwaarde-identificatie.
Methode 2 van 4: Color Cop voor Windows gebruiken
Stap 1. Installeer Color Cop
Color Cop is een klein, gratis hulpprogramma dat u kunt gebruiken om snel de hexadecimale code van elke kleur op het scherm te identificeren. Zo krijg je de app:
- Ga naar https://colorcop.net/download in een webbrowser.
- Klik colorcop-setup.exe onder "zelf installeren". Als het bestand niet automatisch wordt gedownload, klikt u op Opslaan of Oke om het downloaden te starten.
- Dubbelklik op het gedownloade bestand (het staat in de Downloads map, en meestal in de linkerbenedenhoek van het browsertabblad).
- Volg de instructies op het scherm om de applicatie te installeren.
Stap 2. Open Color Cop
Je vindt het in je Start-menu.
Stap 3. Sleep het pipetpictogram naar de kleur die u wilt identificeren
U kunt elke kleur op het scherm herkennen, ook die in andere toepassingen en op websites.
Stap 4. Laat de muisknop los om de hexadecimale code te onthullen
De code verschijnt in de blanco in het midden van de applicatie.
Stap 5. Dubbelklik op de hexadecimale code en druk op Ctrl+C
Hiermee kopieert u de hexadecimale code naar uw klembord.
Stap 6. Plak de code waar je hem nodig hebt
Je kunt gebruiken Ctrl + V om de hex-code overal te plakken waar u maar wilt, zoals in uw HTML- of CSS-code.
Methode 3 van 4: Imagecolorpicker.com gebruiken
Stap 1. Ga naar https://imagecolorpicker.com op je computer, telefoon of tablet
U kunt deze gratis tool gebruiken om de hexadecimale code van elke kleur in een geüploade afbeelding te identificeren. Deze methode werkt in elke webbrowser, ook die op uw Android, iPhone of iPad.
Stap 2. Upload een afbeelding of voer een URL in
U moet beslissen of u uw eigen afbeelding wilt uploaden of een afbeelding of website wilt gebruiken die al online is. Beide methoden kunnen worden gebruikt om een afbeelding of webpagina weer te geven zodat u de gewenste kleur kunt selecteren.
- Om een afbeelding te uploaden, scroll naar beneden en selecteer Upload je afbeelding, navigeer naar de afbeelding op uw computer, telefoon of tablet en selecteer de optie om deze te uploaden.
- Als u een website wilt gebruiken, scrolt u omlaag naar de optie "Gebruik dit vak om de HTML-kleurcode van een website op te halen", voert u de URL in en klikt of tikt u vervolgens op Neem website.
- Als u een directe afbeelding op internet wilt selecteren in plaats van een hele website, voert u de URL naar de afbeelding in het vak "Gebruik dit vak om de HTML-kleurcode van een afbeelding via deze URL te krijgen" in en klikt of tikt u vervolgens op Afbeelding maken.
Stap 3. Klik of tik op de gewenste kleur in het voorbeeld van de afbeelding/site
Hierdoor wordt de hexadecimale kleurcode weergegeven in de linkerbenedenhoek van het scherm.
Stap 4. Klik of tik op het kopieerpictogram om de hexadecimale code naar uw klembord te kopiëren
Het zijn de twee overlappende vierkanten rechts van de hexadecimale code. U kunt het vervolgens in elk tekstbestand of typgebied plakken.
Methode 4 van 4: Firefox gebruiken (voor kleuren op het web)
Stap 1. Open Firefox op uw pc of Mac
De Firefox-webbrowser wordt geleverd met een gratis Eyedropper-tool die u kunt gebruiken om de hexadecimale code van elke kleur op internet te identificeren. Als u Firefox heeft, vindt u deze in het menu Start (Windows) of in de map Programma's (macOS).
- U kunt Firefox gratis downloaden op
- Firefox vertelt u alleen de waarde van een kleur op een website. Je kunt het niet buiten de browser gebruiken.
Stap 2. Ga naar een website die de kleur bevat die u wilt identificeren
Zorg ervoor dat het element waarvoor u de kleur nodig heeft, in beeld is.
Stap 3. Klik op het menu ☰
Het zijn de drie horizontale lijnen in de rechterbovenhoek van Firefox.
Stap 4. Klik op het menu Webontwikkelaar
Een ander menu wordt uitgevouwen.
Stap 5. Klik op Pipet
Uw muiscursor verandert in een grote cirkel.
Stap 6. Klik op de kleur die u wilt identificeren
U zult merken dat de hexadecimale waarde van de kleuren live wordt bijgewerkt als u de muis naar de locatie beweegt. Zodra u met de muis klikt, slaat Firefox de hexadecimale code op uw klembord op.
Stap 7. Plak de code waar je hem nodig hebt
Je kunt gebruiken Controle + V (PC) of Commando + V (Mac) om de hexadecimale code in uw HTML, CSS of een ander type tekstbestand te plakken.
Tips
- Er zijn andere websites, browserextensies en beeldbewerkingsprogramma's waarmee je ook een kleurenkiezer kunt gebruiken om de hexadecimale code van de tint te onthullen.
- Als je weet wie de webpagina heeft gemaakt met de kleur die je probeert te matchen, kun je ze altijd vragen welke hexadecimale code ze hebben gebruikt. Als alternatief kunt u in de broncode van de website graven om de daar vermelde hexadecimale code te vinden.