Kleurschakeringgenerator

Dit zijn de drie klassieke manieren om een kleur te veranderen terwijl de tint herkenbaar blijft. Een schakering mengt de kleur met zwart, wat het donkerder maakt. Een tint mengt het met wit, wat het lichter en zachter maakt. Een toon mengt het met grijs, wat het dempt zonder het richting puur zwart of wit te duwen. Deze tool genereert alle drie als een 11-staps-strook, van de originele kleur tot 0%.

Elke stap mengt de rode, groene, en blauwe kanalen van je kleur richting het doel (zwart, wit, of grijs) met een vast percentage, dezelfde eenvoudige lineaire-interpolatie-aanpak gebruikt door de meeste kleurreferentietools, in plaats van lichtheid in HSL aan te passen. Dat houdt de progressie visueel gelijkmatig en komt overeen met wat je zou krijgen bij het mengen van verf of inkt richting zwart, wit, of grijs.

Complementair draait alleen de tint 180° rond het kleurenwiel terwijl dezelfde verzadiging en lichtheid behouden blijven, zodat een levendig rood een even levendig cyaan wordt, dit is de "tegenovergestelde kleur" gebruikt in kleurtheorie en ontwerp. Omgekeerd draait in plaats daarvan elke rode, groene, en blauwe waarde om (255 min het origineel), wat ook de helderheid verandert, wit wordt zwart bij omkering, maar blijft wit bij de complementaire bewerking omdat er geen tint is om te draaien.

Triadisch kiest twee extra kleuren gelijk verdeeld 120° uit elkaar op het kleurenwiel, wat drie kleuren geeft met sterk contrast die toch gebalanceerd samen aanvoelen. Analoog kiest kleuren 30° aan weerszijden van je tint, kleuren die naast elkaar op het wiel zitten en van nature harmonieus ogen. Monochroom houdt de exacte tint en verzadiging van je kleur maar varieert alleen de helderheid, wat een set kleuren geeft die gegarandeerd bij elkaar passen aangezien ze eigenlijk dezelfde kleur zijn op verschillende helderheidsniveaus.

De 216 web-veilige kleuren zijn het palet dat identiek werd weergegeven op oude 256-kleuren-schermen, elk rood, groen, en blauw kanaal beperkt tot een van zes waarden (0, 51, 102, 153, 204, 255). Moderne schermen hebben deze beperking niet nodig, maar het web-veilige equivalent is nog steeds nuttig als referentie voor retro-styling of extreem beperkte-kleur-output.

HSL, HSV, en CMYK beschrijven allemaal dezelfde kleur via verschillende modellen gebouwd voor verschillende doeleinden. HSL en HSV beschrijven beide tint, en het verschil tussen HSV's "waarde" en HSL's "lichtheid" betekent dat dezelfde kleur een ander verzadigingspercentage kan rapporteren tussen de twee. CMYK beschrijft hoeveel cyaan, magenta, geel, en zwarte inkt een printer zou mengen, wat subtractieve kleurregels volgt in plaats van de additieve rode, groene, en blauwe lichtregels die RGB en HSL/HSV gebruiken, dus het is geen eenvoudige directe conversie.

Ja. Klik op elke hexcode in de Kleurwaarden-rij, in elke schakering-, tint-, toon-, of kleurenschema-swatch, om het naar je klembord te kopiëren. De CSS-Code-sectie onderaan heeft kant-en-klare background-color-, color-, border-color-, en box-shadow-regels met hun eigen kopieerknoppen.