Kostenloser Farbwähler mit Paletten
Dieser kostenlose Farbwähler ermöglicht es Ihnen, eine Farbe mit der Farbsteuerung Ihres Browsers auszuwählen oder einen HEX-Code einzugeben. Anschließend werden die HEX-, RGB- und HSL-Werte angezeigt, die Lesbarkeit von weißem und schwarzem Text darauf sowie Farbfeldpaletten von Tönungen, Schattierungen, der komplementären Farbe und der triadischen Palette. Das Tool eignet sich für Designer, Entwickler und Vermarkter, die Markenfarben für eine Website, eine Anzeige oder ein Logo auswählen.
Color Picker
Generators and Converters
Über dieses Tool
Farbcodes gibt es in verschiedenen Formen. HEX, wie #2563eb, ist das häufigste Format im Web. RGB gibt die Menge an Rot, Grün und Blau von 0 bis 255 an, und HSL beschreibt den Farbton in Grad sowie Sättigung und Helligkeit in Prozent, was die Anpassung per Auge erleichtert. Der Wähler zeigt alle drei Formate für die gleiche Farbe an, damit Sie den Code einfügen können, den Ihr Tool benötigt.
Paletten werden aus der von Ihnen gewählten Farbe erstellt. Tönungen mischen sie mit Weiß und Schattierungen mischen sie mit Schwarz, was hellere und dunklere Versionen für Hintergründe, Rahmen und Hover-Zustände ergibt. Die komplementäre Farbe liegt sich auf dem Farbrad gegenüber, und die triadische Palette nimmt die zwei Farben, die ein Drittel des Rades entfernt sind – ein häufiger Ausgangspunkt für ein ausgewogenes Schema.
Die Kontrastwerte vergleichen Ihre Farbe mit weißem und schwarzem Text anhand der WCAG-Formel. Ein Verhältnis von 4,5:1 oder höher ist das übliche Ziel für normalen Fließtext. Verwenden Sie den nativen Wähler für eine schnelle Auswahl oder den Farbkonverter, wenn Sie bereits einen Code haben, den Sie übersetzen möchten. Nichts, das Sie auswählen, wird gespeichert.
Häufig gestellte Fragen
Was ist der Unterschied zwischen HEX, RGB und HSL?
Sie beschreiben die gleiche Farbe auf unterschiedliche Weise. HEX ist ein sechsstelliger Code für die Webnutzung, RGB listet Rot-, Grün- und Blauwerte von 0 bis 255 auf, und HSL gibt Farbton, Sättigung und Helligkeit an, was es einfach macht, hellere oder dunklere Varianten zu erstellen, indem man eine Zahl ändert.
Was sind Tönungen und Schattierungen?
Eine Tönung ist die Farbe gemischt mit Weiß, daher sieht sie heller aus, und eine Schattierung ist die Farbe gemischt mit Schwarz, daher sieht sie dunkler aus. Zusammen bieten sie einen sofort einsatzbereiten Bereich der gleichen Farbe für Hintergründe, Rahmen, Schaltflächen und Hover-Zustände.
Was ist eine komplementäre oder triadische Farbe?
Die komplementäre Farbe liegt direkt gegenüber von Ihrer auf dem Farbrad und bietet den stärksten Kontrast. Eine triadische Palette verwendet Ihre Farbe plus zwei weitere, die gleichmäßig um das Rad verteilt sind. Beide sind Ausgangspunkte, also passen Sie Helligkeit und Sättigung an, bis das Ergebnis zu Ihrer Marke passt.
Welches Kontrastverhältnis sollte Text haben?
WCAG fordert mindestens 4,5:1 für normalen Text und 3:1 für großen Text, um Level AA zu erfüllen. Der Wähler zeigt das Verhältnis für weißen und schwarzen Text auf Ihrer Farbe an, damit Sie den lesbaren auswählen können.