4 manieren om de hexadecimale code van een kleur op uw computerscherm te krijgen

Inhoudsopgave:

4 manieren om de hexadecimale code van een kleur op uw computerscherm te krijgen
4 manieren om de hexadecimale code van een kleur op uw computerscherm te krijgen

Video: 4 manieren om de hexadecimale code van een kleur op uw computerscherm te krijgen

Video: 4 manieren om de hexadecimale code van een kleur op uw computerscherm te krijgen
Video: Een snelkoppeling maken en andere handige weetjes over de snelkoppeling 2024, Maart
Anonim

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

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 1
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 1

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.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 2
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 2

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

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 3
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 3

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.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 4
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 4

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.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 5
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 5

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.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 6
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 6

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

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 7
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 7

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.
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 8
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 8

Stap 2. Open Color Cop

Je vindt het in je Start-menu.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 9
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 9

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.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 10
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 10

Stap 4. Laat de muisknop los om de hexadecimale code te onthullen

De code verschijnt in de blanco in het midden van de applicatie.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 11
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 11

Stap 5. Dubbelklik op de hexadecimale code en druk op Ctrl+C

Hiermee kopieert u de hexadecimale code naar uw klembord.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 12
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 12

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

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 13
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 13

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.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 14
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 14

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.
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 15
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 15

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.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 16
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 16

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)

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 17
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 17

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.
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 18
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 18

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.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 19
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 19

Stap 3. Klik op het menu ☰

Het zijn de drie horizontale lijnen in de rechterbovenhoek van Firefox.

De hexadecimale code van een kleur op uw computerscherm krijgen Stap 20
De hexadecimale code van een kleur op uw computerscherm krijgen Stap 20

Stap 4. Klik op het menu Webontwikkelaar

Een ander menu wordt uitgevouwen.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 21
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 21

Stap 5. Klik op Pipet

Uw muiscursor verandert in een grote cirkel.

Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 22
Verkrijg de hexadecimale code van een kleur op uw computerscherm Stap 22

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.

Haal de hexadecimale code van een kleur op uw computerscherm Stap 23
Haal de hexadecimale code van een kleur op uw computerscherm Stap 23

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.

Aanbevolen: