Generator für Farbtöne einer Farbe

Generator für Farbtöne einer Farbe: wofür es gut ist

Wähle eine Farbe, und das Tool erzeugt 11 Töne, vom fast Weißen bis zum fast Schwarzen, berechnet im Farbraum OKLCH: Der Farbton bleibt gleich, und die Helligkeit ändert sich mit jeder Stufe. Die Grundfarbe kommt unverändert auf die Stufe mit der ähnlichsten Helligkeit.

Tippe auf einen Ton, um das HEX zu kopieren, oder kopiere alle CSS-Variablen oder das Objekt für die tailwind.config mit dem Namen, den du wählst.

So geht’s

1. Wähle die Grundfarbe im Wähler oder tippe das HEX.
2. Gib der Farbe einen Namen.
3. Kopiere einen Ton, die CSS-Variablen oder die Skala für Tailwind.

Wann nutzen

• Die Palette einer Website oder eines Designsystems erstellen.
• Helle Töne für Hintergründe und dunkle für Text derselben Farbe haben.
• Die Markenfarbe in Tailwind aufbauen.

Häufige Fragen

Wie werden die Töne berechnet?

Im Farbraum OKLCH, der der Wahrnehmung des Auges folgt: Das Tool behält den Farbton der Grundfarbe, ändert die Helligkeit jeder Stufe und verringert die Sättigung an den Enden, damit die hellen und dunklen Töne nicht grell werden.

Wo liegt meine Farbe in der Skala?

Die Grundfarbe wird auf die Stufe mit der ähnlichsten Helligkeit gesetzt, und diese Stufe nutzt genau deine Farbe. Sie erscheint markiert.

Wie nutze ich es in Tailwind oder CSS?

Kopiere die CSS-Variablen (--farbe-50 bis --farbe-950) oder das Objekt für die tailwind.config. Ändere den Namen der Farbe im Feld Name.

Ist das wirklich kostenlos?

Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.

Ähnliche Tools