Softonic

Kleurenwielverkenner

Stap 1 / 4

Kies de basiskleur

Sleep een speld over het kleurenwiel en zie hoe de harmoniemarkeringen meedraaien: complementair op 180°, triadisch met tussenstappen van 120°, analoge buren, gesplitst complement, tetradisch. Wissel tussen HSL (het technische wiel) en RYB (het kunstenaarswiel), vergelijk waar ze van elkaar verschillen en kopieer de combinatie die je kiest als palet.

Hoe de kleurenwielverkenner werkt

  1. 1

    Sleep de pin over het wiel

    De pin bepaalt uw basiskleur. Verzadiging en lichtheid stelt u in met aparte schuifregelaars.

  2. 2

    Selecteer een harmonie

    Complementair, analoog, triadisch, gesplitst complement, tetradisch, monochromatisch. De harmoniemarkeringen draaien mee met de basiskleur.

  3. 3

    Model wisselen (HSL versus RYB)

    Het HSL-wiel is symmetrisch (rood tegenover cyaan, groen tegenover magenta). Het RYB-wiel is asymmetrisch (rood tegenover groen, blauw tegenover oranje) en sluit aan bij de intuïtie van het mengen van verf.

  4. 4

    Kopieer het palet

    HEX, RGB en HSL voor de basiskleur en elke harmoniemarkering. Als CSS-variabelen, Sass-map of gewone CSV.

HSL-wiel versus RYB-wiel

Beide wielen rangschikken de kleuren in een cirkel, maar ze zijn het er niet over eens welke kleuren “tegengesteld” zijn:

Basis HSL-aanvulling RYB-aanvulling
Rood Cyaan Groen
Oranje Blauwgroen Blauw
Geel Blauw Paars
Groen Magenta Rood
Blauw Geel Oranje
Paars Geelgroen Geel
  • HSL (tint, verzadiging, lichtheid): een cilindrische weergave van sRGB die in CSS en digitaal ontwerp wordt gebruikt. Door 180° op te tellen kiest u de tegenoverliggende tint op dit digitale wiel.
  • RYB (rood, geel, blauw): een traditioneel conceptueel wiel uit het kunstonderwijs. Deze verkenner deelt de tinthoeken opnieuw in om die conventie te benaderen; hij voorspelt niet wat er gebeurt als echte pigmenten worden gemengd.

Beide zijn geldig voor verschillende doelen. Gebruik HSL voor schermwerk; gebruik RYB als je de intuïtie van geschilderde media belangrijk vindt.

Harmoniedefinities op het wiel

  • Complementair: basis + 180°. Grootste tintafstand op het gekozen wiel.
  • Analoog: basis met buren op -30° en +30°. Zacht en samenhangend.
  • Triadisch: basis + 120° + 240°. Evenwichtige levendigheid.
  • Gesplitst complement: basis + 150° + 210°. Rijk zonder de volledige spanning van het complementaire schema.
  • Tetradisch / vierkant: basis + 90° + 180° + 270°. Vier tinten op gelijke afstand.
  • Monochromatisch: dezelfde tint, andere lichtheid/verzadiging.

Temperatuur op het wiel

  • Warme helft: rood, oranje, geel. Komen traditioneel naar voren (trekken de blik naar voren).
  • Koele helft: groen, blauw, paars. Wijken traditioneel naar achteren.
  • Neutrale kleuren: onverzadigde kleuren; horen naargelang de ondertoon bij de ene of de andere helft.

Praktische toepassingen

  • Verkenning van het merkpalet: sleep de punaise totdat u een kleur vindt die past en controleer vervolgens de triadische of tetradische markeringen op ondersteunende accenten.
  • Kunststudies: kies een fotoreferentie, zoek de dominante tint, kijk naar analoge buren voor monochrome schaduwen.
  • Illustratie: kies een complementair paar voor schaduwen, b.v. voor een oranje object schildert u schaduwen in blauw in plaats van alleen maar donkerder oranje.
  • Mock-up interieurontwerp: triadische wielen verwijzen naar klassieke interieurpaletten (blauw/geel/rood in traditioneel Amerikaans; groen/oranje/paars in bohemien).

Waarom het wiel niet perfect intuïtief is

De werkelijke menselijke kleurperceptie is complexer dan elk wiel suggereert. Het Munsell-systeem, LAB en OKLCH streven allemaal naar perceptueel uniforme arrangementen, en ze maken geen simpele cirkel: de chroma varieert met de lichtheid bij elke tint. Voor productieontwerpsysteemwerk geven perceptuele kleurruimten schonere resultaten dan wielen; voor conceptuele kleurverkenning wint het wiel nog steeds op helderheid.

Veelgestelde vragen

HSL voor digitaal ontwerp (CSS, schermen, UI). RYB als je aan verf, drukwerk of traditionele kunst denkt en de conventionele harmonie-intuïtie van de kunstacademie wilt.

De modellen rangschikken tinten anders. HSL gebruikt de sRGB-tinthoek, waardoor cyaan tegenover rood ligt. In de traditionele RYB-conventie ligt groen tegenover rood. RYB is hier een visuele benadering en voorspelt niet hoe bepaalde verfsoorten mengen.

Voor educatie, ideeën schetsen en klantcommunicatie wel. Voor nauwkeurig paletwerk gebruiken professionals steeds vaker perceptuele ruimtes (LAB, OKLCH) waar lichtheid en chroma onafhankelijk zijn van de tint.

Kopieer het palet als CSS, Sass of CSV en sla het op in uw eigen werkomgeving. De verkenner heeft geen paletbibliotheek of accountopslag. In de route met vier stappen staan de zichtbare wielinstellingen in de URL en kunnen ze in uw browsergeschiedenis blijven staan.

Gerelateerde tools

Binair naar hex-converter

Converteer binaire invoer naar een gewone uppercase hexwaarde. Niet-binaire tekens worden genegeerd en voorloopnullen blijven niet behouden.

HEX-kleurkiezer

Kies of typ een HEX-kleur en krijg RGB, HSL, geschat CMYK, relatieve luminantie en contrast tegen wit en zwart.

Kleurenpaletgenerator

Genereer monochromatische, analoge, complementaire, triadische of tetradische paletten vanuit een HEX-basiskleur en exporteer kopieerklare CSS-variabelen.

ASCII naar binair-converter

Converteer elke ASCII-string naar zijn binaire representatie. Elk teken wordt acht bits, gescheiden door spaties, klaar voor protocoltrace of huiswerk.

BBCode naar HTML-converter

Converteer BBCode (bulletin-board markup) naar schone HTML. Verwerkt opmaaktags, lijsten, quotes, code, afbeeldingen, links en tabellen.

Binair naar decimaal

Converteer binaire getallen direct naar decimaal. Toont de positionele uitwerking zodat je ziet hoe elke bit bijdraagt.