Tool voor kleurcombinatie-aanbevelingen

Professionele kleurpaletgenerator met ondersteuning voor monochroom, complementaire kleuren, triadische kleuren en meer; genereer kleurenschema’s in batches en exporteer ze.

Bug melden

Browseruitvoermodus: Je gegevens worden in je browser verwerkt en niet naar de server geüpload.

Snelheid en stabiliteit: De verwerkingssnelheid hangt af van je apparaat en browser. Voor grote batchtaken kan de desktopversie stabieler zijn.

Tool wordt geladen, even geduld...

Als de online tool niet kan laden of uitvoeren, probeer dan de desktoptool. https://tools.yikeaigc.com/

Toolgebruik

Terug naar oude versie

Eerst instellen, dan verwerken

Bepaal eerst hoofdkleur en kleurregels, genereer daarna een exporteerbaar palet

Start snel met voorbeeldkleuren of voer een HEX-code in. Elke stap heeft een knop Volgende; genereer, bewaar en download na de instellingen.

HEX / RGB / HSL / CMYK Monochroom / Complementair / Triade CSS / SCSS / JSON / PNG Instellingen opslaan

Huidige hoofdkleur Klik op de kleurwaarde om te kopiëren

HEX

RGB

HSL

Hoofdkleur instellen

Stel eerst een hoofdkleur in. Gebruik de kleurkiezer, HEX-invoer of HSL-schuifregelaars; het palet wordt live bijgewerkt.

BasiskleurOndersteunt 6-cijferige HEX

HEX-kleurwaarde Voorbeeld: #0F6FAE

CMYK

HSL-fijnafstellingVoor het bijstellen van tint, verzadiging en helderheid

Tint205°

Verzadiging78%

Helderheid37%

Paletnaam

VoorbeeldkleurKlik om verder aan te passen

Kleurregels

Kies een kleurmodel en stel daarna het aantal kleuren en de licht-donker-verschuiving in. Genereer eerst met standaardwaarden en pas daarna aan per ontwerp.

KleurmodelAnaloge kleuren voor een uniforme, zachte stijl

GenereerparametersStel eerst opties in, bekijk daarna voorbeeld

Aantal kleuren

Aangrenzende hoek24°

Verzadiging-offset0%

Helderheid-offset0%

Neutraliseren8%

Sortering

Verlooptype

Gradienthoek90°

Voorbeeld bijstellen

Controleer per kleur de code, tekstleesbaarheid en UI-voorbeeld. Klik op een kleurwaarde om te kopiëren.

Kleurenschema5 kleuren

InterfacevoorbeeldVoor snelle beoordeling van hiërarchie

VerloopcodeDirect te kopiëren naar CSS

Opslaan/exporteren

Exporteer het huidige schema of genereer meerdere schema’s in batch. Batchresultaten tonen alleen de eerste 20; downloads bevatten alles.

BatchoptiesStel het aantal naar behoefte in

Aantal schema’s

Variatie

Inhoud exporterenVoor bestanden en code

HEX RGB HSL CMYK

JSON CSS SCSS PNG

DownloadactieZIP bevat alle batchresultaten

BatchresultaatNog geen batch gegenereerd

Stel eerst de hoofdkleur en kleurregels in en klik daarna op ‘Batch genereren’.

Opgeslagen schema’s0

Opgeslagen schema’s verschijnen hier. Je kunt ze opnieuw toepassen of verwijderen.

Instructies

Gebruiksaanwijzing van de software

Hoofdkleur instellen: Stel in “Hoofdkleurinstellingen” de basiskleur in met de kleurkiezer, het HEX-invoerveld of de HSL-schuifregelaars. U kunt ook op een voorbeeldkleur klikken om deze snel te laden.
Kleurregel kiezen:
- Monochroom: Genereert lichte en donkere niveaus op basis van dezelfde tint, geschikt voor ontwerpen met een uniforme stijl.
- Analoge kleuren: Kiest aangrenzende tinten, geschikt voor zachte visuele effecten met diepte.
- Complementaire kleuren: Gebruikt kleuren aan de overzijde van de kleurencirkel, geschikt om knoppen, titels en belangrijke inhoud te benadrukken.
- Gesplitst complementair: Voegt verzachtende kleuren toe aan de contrastrelatie, geschikt voor campagneafbeeldingen en promotionele visuals.
- Triade, tetrade, vierkante kleuren: Geschikt voor grafieken, categorielabels en interfaces met meerdere modules.
- Neutrale kleuren: Geschikt voor zakelijke pagina’s, toolinterfaces en documentontwerpen.
Generatieparameters aanpassen: Stel het aantal kleuren, de nabije hoek, verzadigingsverschuiving, helderheidsverschuiving, neutralisatieverhouding, sorteermethode en verloophoek in.
Kleurenschema bekijken: Ga naar “Voorvertoning en fijnafstelling” om de HEX-, RGB-, HSL- en contrastinformatie van elke kleur te bekijken. Klik op de kleurwaardeknop om te kopiëren.
Schema’s en instellingen opslaan: Klik op “Huidig schema opslaan” om een kleurenschema te bewaren. Klik op “Instellingen opslaan” om de huidige parameters op te slaan, zodat u later verder kunt werken.
Batchgewijs genereren: Ga naar “Opslaan en exporteren” om het aantal schema’s en de variatiebreedte in te stellen. Klik op “Batchgewijs genereren” om meerdere kleurenschema’s te maken. De interface toont de eerste 20 schema’s; bij het downloaden worden alle resultaten opgenomen.
Bestanden exporteren: U kunt JSON-, CSS-, SCSS- en PNG-bestanden afzonderlijk downloaden, of exportinhoud selecteren en vervolgens een ZIP-archief downloaden.

Veelgestelde vragen

Antwoord: Monochroom is geschikt voor merkuitbreiding en eenvoudige interfaces; analoge kleuren zijn geschikt voor zachte, uniforme pagina’s; complementaire kleuren zijn geschikt om belangrijke informatie te benadrukken; triades zijn geschikt voor grafieken en lay-outs met meerdere modules; neutrale kleuren zijn geschikt voor zakelijke tools en documentscenario’s.

Antwoord: Voer een kleurcode in het HEX-invoerveld in, bijvoorbeeld #0F6FAE. De tool werkt de kleurkiezer, HSL-schuifregelaars en kleurvoorvertoning synchroon bij. U kunt ook fijnafstellen met de schuifregelaars voor tint, verzadiging en helderheid.

Antwoord: Het CSS-bestand genereert kleurcodes in de vorm van variabelen, die kunnen worden gebruikt voor websitestijlen; het SCSS-bestand is geschikt voor Sass-projecten. Beide formaten maken hergebruik in designsystemen, themawisselingen en componentstijlen eenvoudig.

Antwoord: Batchgeneratie verschuift op basis van de huidige hoofdkleur, kleurregels en variatiebreedte op een logische manier tint, verzadiging en helderheid, waardoor meerdere kleurenschema’s ontstaan die qua stijl verwant zijn maar niet identiek.

Antwoord: Opgeslagen schema’s worden vastgelegd in de lokale opslag van het huidige apparaat. Na het wissen van sitegegevens of het wisselen van apparaat worden eerder opgeslagen schema’s mogelijk niet meer weergegeven. Het is daarom aan te raden belangrijke schema’s tijdig als bestand te exporteren.

Antwoord: Nee. Kleurberekeningen, het opslaan van schema’s en het genereren van bestanden gebeuren allemaal op het huidige apparaat. De hoofdkleur, schema’s en geëxporteerde inhoud worden niet naar de server geüpload.

Antwoord: Bekijk in “Voorbeeld verfijnen” het contrast van witte tekst en donkere tekst voor elke kleur. Hoe hoger de waarde, hoe duidelijker de tekst leesbaar is. Bij gebruik als achtergrond voor hoofdtekst raden we aan een tekstkleur met een hoger contrast te kiezen.