Farbton-Generator

Dies sind die drei klassischen Wege, eine Farbe zu verändern, während ihr Farbton erkennbar bleibt. Eine Schattierung mischt die Farbe mit Schwarz und macht sie dunkler. Eine Aufhellung mischt sie mit Weiß und macht sie heller und sanfter. Ein Ton mischt sie mit Grau und dämpft sie, ohne sie in Richtung reinem Schwarz oder Weiß zu drängen. Dieses Tool erzeugt alle drei als 11-stufigen Streifen, von der Originalfarbe bis 0%.

Jeder Schritt mischt die Rot-, Grün-, und Blaukanäle Ihrer Farbe in einem festen Prozentsatz in Richtung des Ziels (Schwarz, Weiß, oder Grau), derselbe einfache lineare Interpolationsansatz, den die meisten Farbreferenztools verwenden, statt die Helligkeit in HSL anzupassen. Das hält den Verlauf visuell gleichmäßig und entspricht dem, was Sie beim Mischen von Farbe oder Tinte in Richtung Schwarz, Weiß, oder Grau erhalten würden.

Komplementär dreht nur den Farbton um 180° auf dem Farbkreis, während Sättigung und Helligkeit gleich bleiben, sodass ein lebhaftes Rot zu einem ebenso lebhaften Cyan wird, dies ist die "Gegenfarbe" der Farbtheorie und des Designs. Invertiert kehrt stattdessen jeden Rot-, Grün- und Blauwert um (255 minus Original), was auch die Helligkeit ändert, Weiß wird bei Inversion zu Schwarz, bleibt aber bei der komplementären Operation weiß, da es keinen Farbton zum Drehen gibt.

Triadisch wählt zwei weitere Farben, die gleichmäßig 120° voneinander entfernt auf dem Farbkreis liegen, was drei Farben mit starkem Kontrast ergibt, die dennoch ausgewogen zusammenwirken. Analog wählt Farben 30° zu beiden Seiten Ihres Farbtons, Farben, die nebeneinander auf dem Kreis liegen und natürlich harmonisch wirken. Monochromatisch behält den exakten Farbton und die Sättigung Ihrer Farbe bei, variiert aber nur die Helligkeit, was eine Reihe von Farben ergibt, die garantiert zusammenpassen, da sie eigentlich dieselbe Farbe bei unterschiedlichen Helligkeitsstufen sind.

Die 216 websicheren Farben sind die Palette, die auf alten 256-Farben-Displays identisch dargestellt wurde, wobei jeder Rot-, Grün-, und Blaukanal auf einen von sechs Werten beschränkt ist (0, 51, 102, 153, 204, 255). Moderne Bildschirme benötigen diese Einschränkung nicht, aber das websichere Äquivalent ist immer noch nützlich als Referenz für Retro-Styling oder extrem farbbeschränkte Ausgabe.

HSL, HSV, und CMYK beschreiben alle dieselbe Farbe durch verschiedene Modelle, die für unterschiedliche Zwecke gebaut wurden. HSL und HSV beschreiben beide den Farbton, und der Unterschied zwischen HSVs "Wert" und HSLs "Helligkeit" bedeutet, dass dieselbe Farbe zwischen den beiden einen unterschiedlichen Sättigungsprozentsatz melden kann. CMYK beschreibt, wie viel cyanfarbene, magentafarbene, gelbe, und schwarze Tinte ein Drucker mischen würde, was subtraktiven Farbregeln folgt statt der additiven Rot-, Grün-, und Blau-Lichtregeln, die RGB und HSL/HSV verwenden, daher ist es keine einfache direkte Umrechnung.

Ja. Klicken Sie auf einen Hex-Code in der Zeile Farbwerte, in jedem Schattierungs-, Aufhellungs-, Ton-, oder Farbschema-Muster, um ihn in Ihre Zwischenablage zu kopieren. Der CSS-Code-Abschnitt unten hat fertige background-color-, color-, border-color-, und box-shadow-Regeln mit eigenen Kopieren-Schaltflächen.