Tools95

MAAK IETS GEWELDIGS

Afbeelding kleurkiezer.

Kies HEX, RGB en HSL kleuren uit een afbeelding. Extraheer en bewerk een palet, controleer tekstcontrast en kopieer kleuren of exporteer PNG, SVG, CSS of JSON.

Advertenties
Je afbeeldingswerkruimte
Tijdelijke serververwerking
of sleep hierheen
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Kies je afbeelding om te beginnen.AFBEELDING
Advertenties
Blog Hoe je afbeeldingskleuren kiest en een palet maakt Lees de handleiding

Kies afbeeldingskleuren en bouw een palet dat je kunt gebruiken

Inspecteer een pixel, kopieer de HEX, RGB of HSL-waarde en extraheer een startpalet uit een foto. Bewaar de kleuren die je mooi vindt, bewerk de rest, controleer een tekst-en-achtergrondpaar en exporteer PNG, SVG, CSS of JSON.

Een afbeelding levert individuele kleursamples en een palet dat kan worden verfijnd en geëxporteerd.
SNELLE VIDEO-TUTORIAL How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Engelse gesproken tekst Bekijk de video

How to pick an image color and export a palette

Functies en bediening

Kies een pixel met een vergrote weergave

Klik of tik op de afbeelding om een kleur te inspecteren en kopieer vervolgens de code.

Nauwkeurige positionering en beperkingen van het voorbeeld

Het vergrootglas helpt je bij het richten op kleine details. Focus op de afbeelding en gebruik de pijltjestoetsen om één pixel te verplaatsen, Shift plus een pijl om er tien te verplaatsen, en Enter om te kiezen. HEX, RGB en HSL hebben individuele kopieerknoppen. Door de browser decodeerbare bronnen worden in de browser gesampled sRGB. Wanneer in plaats daarvan een genormaliseerd voorbeeld wordt gebruikt, identificeert het label de kleuren en coördinaten als bij benadering.

Extraheer een nuttig startpalet

Kies 3 tot 12 kleuren om te extraheren en probeer Dominant of Levendig.

Hoe kleuren en percentages worden geschat

Dominant geeft de voorkeur aan de hoofdkleuren van de afbeelding. Levendig geeft kleurrijke accenten meer invloed. Extractie samplet een begrensde afbeelding, groepeert vergelijkbare kleuren en retourneert er maximaal het gevraagde aantal; een vlakke afbeelding kan er minder bevatten. Volledig transparante pixels worden uitgesloten en gedeeltelijke dekking vermindert het gewicht van een pixel. Percentages beschrijven bij benadering gesamplede groepen, niet een exact aantal van elke oorspronkelijke pixel. Automatische extractie uploadt de afbeelding naar de server.

Bewaar, vervang en rangschik je kleuren opnieuw

Vergrendel nuttige stalen, bewerk hun HEX-waarden of voeg een gekozen of aangepaste kleur toe.

Een palet verfijnen vóór export

Selecteer een staal om de kleur te bewerken, verplaats deze naar links of rechts, of verwijder deze. Vergrendelen behoudt een gekozen kleur wanneer je Palet vernieuwen gebruikt of de extractie-instellingen wijzigt. Toevoegen aan palet gebruikt de gesamplede RGB-kleur; Een aangepaste kleur toevoegen laat je een HEX-waarde invoeren. Een palet kan 1 tot 12 kleuren bevatten voor export. Gekozen, bewerkte en behouden vergrendelde kleuren krijgen geen verzonnen afbeeldingspercentages.

Transparante pixels begrijpen

Kies Bronkleur of Samengesteld over een achtergrond onder Sampling.

Brondekking en geëxporteerde kleuren

Bronkleur rapporteert de geselecteerde pixel en de dekking ervan in de gekopieerde code. Samengesteld over een achtergrond toont het uiterlijk na het mengen met Sample-achtergrond. Paletkleuren en exports zijn ondoorzichtige RGB-waarden, dus het toevoegen van een doorschijnende bronkleur behoudt het alfakanaal niet. De sampling-modus verandert de geïnspecteerde kleur; het herkleurt de bronafbeelding niet en verandert de automatische extractie niet.

Controleer een tekst- en achtergrondpaar

Gebruik Kleurcontrast controleren om twee kleuren te vergelijken.

Wat het contrastresultaat dekt

Kies Tekst en Achtergrond met de kleurregelaars, voer HEX-waarden in of gebruik de gekozen kleur. Het voorbeeld toont een contrastverhouding en afzonderlijke Normaal AA, Normaal AAA, Groot AA en Groot AAA resultaten voor tekst. Dit controleert alleen het geselecteerde kleurpaar. Het auditeert geen hele pagina, houdt geen rekening met elke achtergrondafbeelding en certificeert niet dat een volledig ontwerp toegankelijk is.

Exporteer kleuren voor de volgende stap

Sla een paletafbeelding, vectorstalen, CSS-variabelen of gestructureerde kleurgegevens op.

PNG, SVG, CSS en JSON

PNG produceert een gelabelde paletkaart. SVG behoudt de stalen en labels als vectorinhoud. CSS exporteert genummerde variabelen zoals --color-1. JSON bevat HEX, RGB en HSL-waarden. Selecteer Opslaan als en vervolgens Start om één bestand genaamd palet met de gekozen extensie te maken. Het kopiëren van een kleur of het hele HEX-palet kan sneller zijn wanneer je alleen waarden nodig hebt.

Bestanden en verwerking

Input
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC en HEIF
Output
Eén PNG, SVG, CSS of JSON palet

25 MB maximaal per bestand. Eén invoerbestand per run.

Eén bronafbeelding tot 60 megapixels. Extractie neemt maximaal 512 pixels per zijde, negeert volledig transparante pixels en kan minder kleuren retourneren dan gevraagd. Export ondersteunt 1 tot 12 ondoorzichtige paletkleuren. Geanimeerde of bronnen met meerdere afbeeldingen gebruiken hun eerste stilstaande frame.

De afbeelding wordt automatisch geüpload om het palet te extraheren en opnieuw geüpload voor de definitieve export. Het kiezen van pixels en handmatige paletbewerkingen gebeuren in de browser. Een formaat dat de browser niet kan decoderen, heeft mogelijk ook een servervoorbeeld nodig. Deze tool gebruikt conventionele kleurverwerking, geen AI.

Bestanden worden op de server verwerkt. Voor de voorbereiding van een voorbeeld kan ook een bestand worden geüpload wanneer browserdecodering niet beschikbaar is of een documentvoorbeeld nodig is. Serverdownloads zijn tot twee uur beschikbaar voor je sessie.

Gebruik voor een afbeeldingsresultaat 'Doorgaan' onder de downloadresultaten om een compatibele volgende stap te kiezen. Je kunt selecteren welke afbeeldingen je wilt meenemen; het volgende hulpmiddel start met zijn eigen instellingen.

Het vernieuwen van een editor- of downloadpagina brengt je terug naar de toolpagina. Download het resultaat voordat je een nieuwe workflow start. Bekijk ons Privacybeleid voor bestandsafhandeling.

Veelgestelde vragen

Goed om te weten.

Een paar antwoorden voordat je begint.

Tijdelijke serververwerking
Kan ik HEX, RGB en HSL uit een afbeelding halen?

Ja. Kies een pixel en gebruik de kopieerknop naast de waarde die je nodig hebt. De kiezer toont dekking wanneer relevant; ondoorzichtige paletexports bevatten RGB-kleuren.

Wat is het verschil tussen Dominant en Levendig?

Dominant benadrukt veelvoorkomende afbeeldingskleuren. Levendig geeft meer invloed aan kleurrijke accenten. Beide zijn gesamplede benaderingen en geen van beide belooft automatisch een specifieke merkkleur te vinden.

Waarom retourneert een verzoek voor zes kleuren minder kleuren?

Een bron kan minder afzonderlijke zichtbare kleuren hebben. De extractor retourneert de beschikbare groepen in plaats van dubbele stalen te verzinnen om het gevraagde aantal te vullen.

Kan ik een kleur behouden terwijl ik het palet vernieuw?

Ja. Selecteer het staal en gebruik Kleur vergrendelen. Je kunt ook een aangepaste HEX-waarde toevoegen, de stalen opnieuw rangschikken of kleuren verwijderen vóór export.

Blijft alles in mijn browser?

Nee. Pixelkiezen en paletbewerkingen worden in de browser uitgevoerd, maar automatische extractie en definitieve export uploaden de bron naar de server. Sommige invoerformaten hebben ook een door de server gegenereerd voorbeeld nodig.

Advertenties

Taal38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Kies je taal. Videotutorials gebruiken momenteel Engelse gesproken tekst.