Farbschattierungen Generator

Ein Farbnuancengenerator nimmt eine Grundfarbe und baut eine monochromatische Skala aus helleren und dunkleren Versionen davon auf, aus einer einzelnen Eingabe wie #4466EE erzeugt er eine Reihe von Tönungen, die in Richtung Weiß gehen, eine Reihe von Farbtönen, die in Richtung Schwarz gehen, und eine Reihe von Tönen, die in Richtung Grau gehen Jeder Swatch ist eine echte Farbe, die Sie als HEX, RGB oder HSL kopieren und direkt in CSS, eine Designdatei oder eine Designkonfiguration fallen lassen können.

Die drei Skalen stammen aus den klassischen Definitionen, die in der Farbtheorie verwendet werden Eine Tönung ist die Grundfarbe, die mit Weiß gemischt wird, was ihre Helligkeit erhöht, während der gleiche Farbton beibehalten wird Ein Farbton ist die Basis, die mit Schwarz gemischt wird, was sie verdunkelt Ein Ton ist die Basis gemischt mit Grau, was seine Intensität verringert und eine gedämpfte, anspruchsvollere Version der Farbe ergibt Wenn Sie alle drei von einem Eingang haben, können Sie eine kohärente Palette erstellen: einen Knopf und seinen Schwebezustand, einen Satz von Diagrammreihen oder die hellen und dunklen Oberflächen einer Schnittstelle, die alle von einer einzigen Markenfarbe abgeleitet sind.

Der Generator läuft vollständig in Ihrem Browser Die Farbe, die Sie eingeben, wird analysiert und die Skalen werden mit clientseitigem JavaScript berechnet, sodass nichts hochgeladen wird, es kein Konto gibt und Ihre Arbeit nie verfolgt wird. Es akzeptiert HEX, rgb (), hsl () und gängige CSS-Farbnamen, Sie können festlegen, wie viele Schritte jede Skala enthält, und jeden Swatch sofort aktualisieren. Sobald die Seite geladen wurde, funktioniert sie offline.