Is de Triadische kleurharmonieformule nauwkeurig voor printworkflows?

Scherm-RGB en afdruk-CMYK gebruiken verschillende kleurengamma's. Behandel conversies als geschatte bewijzen; kalibreren met ICC-profielen voor commercieel drukwerk.

Kan ik deze formule in CSS gebruiken?

Moderne CSS ondersteunt color-mix(), oklch() en lab() voor veel bewerkingen. Voor complexe pijplijnen kunt u in JavaScript rekenen en CSS-variabelen exporteren.

Uploadt Color DevByte mijn kleuren?

Nee. Formulereferentiepagina's zijn statische documentatie; interactieve tools draaien 100% client-side in uw browser.

Triadische formule voor kleurharmonie

Genereer drie tinten gelijkmatig verdeeld over 120° van elkaar.

Formula

H₂ = (H + 120°) mod. 360°, H₃ = (H + 240°) mod. 360°.

Variables

R, G, B: sRGB-kanalen (0–255 of 0–1 genormaliseerd)
H, S, L: Tint (graden), verzadiging en lichtheid (0–1) in HSL
L: Relatieve luminantie (WCAG) of lichtheid in HSL/OKLCH

FAQ

Is de Triadische kleurharmonieformule nauwkeurig voor printworkflows?: Scherm-RGB en afdruk-CMYK gebruiken verschillende kleurengamma's. Behandel conversies als geschatte bewijzen; kalibreren met ICC-profielen voor commercieel drukwerk.
Kan ik deze formule in CSS gebruiken?: Moderne CSS ondersteunt color-mix(), oklch() en lab() voor veel bewerkingen. Voor complexe pijplijnen kunt u in JavaScript rekenen en CSS-variabelen exporteren.
Uploadt Color DevByte mijn kleuren?: Nee. Formulereferentiepagina's zijn statische documentatie; interactieve tools draaien 100% client-side in uw browser.

Browse color tools

Overzicht

Genereer drie tinten gelijkmatig verdeeld over 120° van elkaar.

Color DevByte documenteert deze formule voor ontwikkelaars, ontwerpers en toegankelijkheidsrecensenten die reproduceerbare kleurenwiskunde nodig hebben zonder gegevens naar een server te sturen.

Gebruik de gekoppelde kleurtools om deze formule interactief toe te passen met live preview en export in meerdere formaten.

Wanneer moet u deze formule gebruiken?

Pas de triadische kleurharmonieformule toe bij het bouwen van ontwerptokens, het valideren van WCAG-contrast of het automatiseren van kleurpijplijnen in CSS, Tailwind of JSON van het ontwerpsysteem.

Controleer voor de productie-UI altijd de resultaten met een contrastcontrole of een visueel voorbeeld. Randgevallen in gammacorrectie en gammatoewijzing kunnen de uitkomsten veranderen.

Implementatienotities

Browsergebaseerde tools moeten sRGB lineariseren vóór luminantie- of ΔE-berekeningen.

Geef de voorkeur aan OKLCH- of LAB-interpolatie voor kleurverlopen en thema's om grijsachtige middenpunten te vermijden die vaak voorkomen in RGB-overvloeiingen.