Analoog Kleurenschema

Free

Afbeelding

Genereer een harmonieus analoog kleurenpalet uit elke basiskleur, direct in je browser.

Basiskleur

Aantal Kleuren Hoekstap

Recente Activiteit

Zichtbaar voor iedereen. Laatste 20 gebruiken over alle bezoekers, nieuwste eerst.

#3498DB -- 5 colores

3 dagen geleden

#3498DB -- 5 colores

3 dagen geleden

#3498DB -- 5 kleuren

3 dagen geleden

#3498DB -- 5 色

4 dagen geleden

#3498DB -- 5 لون

4 dagen geleden

#3498DB -- 5 色

5 dagen geleden

#3498DB -- 5 لون

5 dagen geleden

#3498DB -- 5 colors

5 dagen geleden

#3498DB -- 5 种颜色

6 dagen geleden

#3498DB -- 5 cores

6 dagen geleden

#3498DB -- 5 Farben

6 dagen geleden

#3498DB -- 5 색상

6 dagen geleden

#3498DB -- 5 цветов

6 dagen geleden

#3498DB -- 5 colori

6 dagen geleden

#3498DB -- 5 colori

6 dagen geleden

#3498DB -- кольорів: 5

6 dagen geleden

#3498DB -- 5 kleuren

6 dagen geleden

#3498DB -- 5 kolorów

6 dagen geleden

#3498DB -- 5 цветов

6 dagen geleden

#3498DB -- 5 kolorów

1 week geleden

Opmerkingen (0)

Vond je deze tool nuttig? Laat een opmerking achter, deel een tip, of vertel ons hoe we het beter kunnen maken.

Nog geen opmerkingen. Wees de eerste om je gedachten te delen!

Wat deze tool doet

Deze tool genereert een analoog kleurenschema uit een basiskleur, direct in je browser. Kies of typ een kleur, kies hoeveel kleuren en hoe breed de hoekstap moet zijn, en krijg een harmonieus palet met HEX-, RGB-, en HSL-waarden voor elke kleur.

Problemen die het oplost

Een harmonieus kleurenpalet bouwen voor een website, app, of merk vanuit één startkleur.
Gecoördineerde accentkleuren vinden voor illustraties, presentaties, of datavisualisaties.
Kant-en-klare aangepaste CSS-eigenschappen genereren voor een ontwerpsysteem.
Verkennen hoe een kleur zich verhoudt tot zijn buren op het kleurenwiel.

Veelgestelde vragen

›Wat is een analoog kleurenschema?

Een analoog kleurenschema gebruikt kleuren die naast elkaar op het kleurenwiel staan, meestal binnen 30 tot 60 graden van een basistint. Omdat de tinten dicht bij elkaar liggen, voelen deze paletten harmonieus en samenhangend aan in plaats van hoog-contrast.

›Hoe wordt het palet gegenereerd?

Je basiskleur wordt geconverteerd naar HSL, dan worden nieuwe kleuren gegenereerd door de tint omhoog en omlaag te verschuiven met de hoekstap die je kiest, terwijl dezelfde verzadiging en helderheid als de basiskleur behouden blijven, zodat elke kleur in het palet aanvoelt als deel van dezelfde familie.

›Welke hoekstap moet ik gebruiken?

30 graden is de traditionele keuze voor analoge schema's en werkt goed voor de meeste ontwerpen. Gebruik 15 graden voor een subtielere, meer strak geclusterde palet, of 45 graden voor een bredere spreiding die meer contrast begint te introduceren.

›Kan ik het palet direct in CSS gebruiken?

Ja, gebruik "Kopiëren als CSS-Variabelen" om een kant-en-klaar :root-blok te kopiëren met elke kleur als aangepaste eigenschap, of "Kopiëren als HEX-Lijst" om alleen de hexcodes te kopiëren, één per regel.

›Hoe verschilt dit van een complementair of triadisch schema?

Complementaire schema's koppelen een kleur met zijn tegenpool op het wiel (180 graden uit elkaar) voor hoog contrast, en triadische schema's gebruiken drie kleuren gelijk verdeeld op 120 graden uit elkaar. Analoge schema's houden in plaats daarvan alle kleuren dicht bij elkaar, en geven harmonie de voorkeur boven contrast.

Splits elke afbeelding in printbare A4/Letter/A3-pagina's die je aan elkaar kunt plakken tot één grote poster, met aanpasbare overlap voor makkelijke uitlijning, volledig in je browser.