Eine seltene Form der unvollständigen Farbenblindheit, bei der die Zapfenzellen des Auges teilweise funktionsfähig sind, was zu einer stark eingeschränkten, aber nicht vollständig fehlenden Farbwahrnehmung führt. Betroffene sehen eine ausgewaschene, schwach gesättigte Version des vollständigen Farbspektrums.
Siehe auch: Color Blindness Simulator
Ein vollständiges Fehlen der Farbwahrnehmung, verursacht durch nicht funktionierende oder fehlende Zapfenzellen in der Netzhaut. Menschen mit Achromatopsie nehmen die Welt ausschließlich in Grautönen wahr und leiden typischerweise unter Lichtempfindlichkeit und verminderter Sehschärfe. Sie betrifft weltweit etwa 1 von 30.000 Menschen.
Siehe auch: Color Blindness Simulator
Ein Farbmischungsmodell, bei dem Farben durch Kombination von emittiertem Licht erzeugt werden. Die drei additiven Primärfarben sind Rot, Grün und Blau (RGB), und die Mischung aller drei bei voller Intensität ergibt Weiß. Dieses Modell bestimmt, wie Bildschirme, Monitore und Projektoren Farbe darstellen.
Siehe auch: RGB Format
Ein vierter Kanal, der einem Farbwert hinzugefügt wird und die Deckkraft oder Transparenz dieser Farbe darstellt. Ein Alphawert von 1 (oder 100%) bedeutet vollständig undurchsichtig, während 0 vollständig transparent bedeutet. Er wird in CSS über rgba(), hsla() und moderne Farbfunktionen häufig verwendet.
Siehe auch: HEX Format, RGB Format
Eine Farbharmonie bestehend aus drei Farben, die auf dem Farbkreis nebeneinander liegen, typischerweise innerhalb eines 30-Grad-Bogens. Analoge Paletten wirken zusammenhängend und ruhig, da die Farben eine gemeinsame Farbfamilie teilen. Sie eignen sich gut für einheitliche, kontrastarme Designs.
Siehe auch: Palette Generator
Die wahrgenommene Intensität des von einer Farbe emittierten oder reflektierten Lichts, von Schwarz (keine Helligkeit) bis zur maximalen Lichtintensität. Im HSB/HSV-Farbmodell ist Helligkeit die 'B'- oder 'V'-Komponente und unterscheidet sich von der Leuchtkraft in HSL.
Siehe auch: HSB Format
Ein Maß für die Farbigkeit eines Reizes relativ zur Helligkeit einer ähnlich beleuchteten weißen Oberfläche. Im Gegensatz zur Sättigung ist Chroma ein absolutes Maß — eine hochchromatische Farbe erscheint unabhängig von ihrer Helligkeit lebendig und rein. Es ist die 'C'-Komponente in den Farbräumen LCH und OKLCH.
Siehe auch: LCH Format, OKLCH Format
Ein subtraktives Farbmodell für die Druckproduktion, das für Cyan, Magenta, Gelb und Schlüssel (Schwarz) steht. Druckfarben absorbieren bestimmte Lichtwellenlängen vom weißen Papier, und die Kombination aller vier Farben bei voller Stärke erzeugt nahezu Schwarz. CMYK ist das Standard-Farbmodell für Offsetdruck, Tintenstrahldrucker und kommerzielle Druckarbeiten.
Siehe auch: CMYK Format
Ein Zustand, bei dem die Fähigkeit eines Individuums, bestimmte Farben zu unterscheiden, eingeschränkt oder nicht vorhanden ist. Die häufigsten Typen sind Rot-Grün-Schwächen, gefolgt von Blau-Gelb-Schwäche und totaler Farbenblindheit. Etwa 8% der Männer und 0,5% der Frauen weltweit sind betroffen.
Siehe auch: Color Blindness Simulator
Der vollständige Bereich der Farben, die ein Gerät, Farbraum oder Druckverfahren reproduzieren kann. Ein größerer Gamut bedeutet, dass mehr Farben angezeigt oder gedruckt werden können. Gängige Gamuts sind sRGB (Standard für Web), Display P3 und Adobe RGB.
Siehe auch: RGB Format
Ein Prinzip der Farbtheorie, das ästhetisch ansprechende und ausgewogene Farbkombinationen beschreibt. Harmonieregeln leiten sich von geometrischen Beziehungen auf dem Farbkreis ab, wie komplementäre, analoge, triadische und tetradische Anordnungen.
Siehe auch: Palette Generator
Ein abstraktes mathematisches System, das Farben als Zahlentupel beschreibt, typischerweise mit drei oder vier Komponenten. Beispiele sind RGB, CMYK und HSL. Ein Farbmodell definiert, wie Farben numerisch dargestellt werden, spezifiziert aber nicht, wie diese Zahlen auf reale Farben abgebildet werden.
Siehe auch: Color Formats Reference
Eine spezifische Implementierung eines Farbmodells, die numerische Werte auf präzise, reproduzierbare reale Farben unter Verwendung definierter Primärfarben, eines Weißpunkts und einer Übertragungsfunktion (Gamma) abbildet. sRGB, Display P3 und Adobe RGB sind alle auf dem RGB-Modell aufgebaute Farbräume mit unterschiedlichen Gamuts.
Siehe auch: Color Formats Reference
Eine Eigenschaft des sichtbaren Lichts, die beschreibt, ob eine Farbe warm (rötlich-gelblich) oder kühl (bläulich) erscheint. In Kelvin gemessen, erzeugen niedrigere Temperaturen (~2700K) warmes, bernsteinfarbenes Licht, während höhere Temperaturen (~6500K) kühles, tageslichtblaues Licht erzeugen.
Ein kreisförmiges Diagramm, das Farbtöne basierend auf ihren chromatischen Beziehungen um einen Kreis anordnet. Er wurde erstmals 1666 von Isaac Newton entwickelt und bleibt das grundlegende Werkzeug zum Verständnis von Farbbeziehungen und zum Aufbau von Farbharmonien.
Siehe auch: Palette Generator
Zwei Farben, die auf dem Farbkreis genau gegenüberliegen und 180 Grad voneinander getrennt sind. Nebeneinander platziert erzeugen sie maximalen visuellen Kontrast, gemischt neutralisieren sie sich gegenseitig zu Grau. Häufige Komplementärpaare sind Rot/Cyan, Blau/Orange und Gelb/Violett.
Siehe auch: Palette Generator
Eine numerische Messung des Helligkeitsunterschieds zwischen Vordergrund- und Hintergrundfarbe, ausgedrückt als Verhältnis von 1:1 bis 21:1. WCAG 2.1 erfordert ein Mindestkontrastverhältnis von 4,5:1 für normalen Text und 3:1 für großen Text auf AA-Ebene.
Siehe auch: Contrast Checker
Eine W3C-Spezifikation, die CSS-Farbfähigkeiten mit neuen Farbfunktionen und Farbräumen einschließlich oklch(), lab(), lch(), hwb() und der color()-Funktion erweitert. Sie führt wahrnehmungsmäßig einheitliche Farbmanipulation direkt in Stylesheets ein. Sie wird seit 2024 in allen modernen Browsern unterstützt.
Siehe auch: CSS Color Converter
Eine Metrik zur Quantifizierung des wahrnehmungsbezogenen Unterschieds zwischen zwei Farben, wobei niedrigere Werte visuell ähnlichere Farben anzeigen. Die aktuelle Version Delta-E 2000 (CIEDE2000) ist der Industriestandard. Ein Delta-E-Wert unter 1,0 gilt als für das menschliche Auge nicht wahrnehmbar.
Siehe auch: Tailwind Color Finder
Die häufigste Form der Farbsehschwäche, verursacht durch eine Mutation im M-Zapfen-Photopigment (Grün), die seine Empfindlichkeit in Richtung Rot verschiebt. Sie betrifft etwa 5% der Männer und 0,35% der Frauen.
Siehe auch: Color Blindness Simulator
Eine Form der Rot-Grün-Farbenblindheit, verursacht durch das vollständige Fehlen von M-Zapfen (grünempfindlichen) Photorezeptoren in der Netzhaut. Betroffene können grünes Licht nicht wahrnehmen und verwechseln Rot, Grün und einige Brauntöne. Sie betrifft etwa 1,2% der Männer und 0,01% der Frauen.
Siehe auch: Color Blindness Simulator
Eine nichtlineare Übertragungsfunktion, die auf codierte Farbwerte angewendet wird, um die nichtlineare Beziehung zwischen numerischen Pixelwerten und der tatsächlichen Bildschirmluminanz zu berücksichtigen. Ein Gammawert von 2,2 ist der Standard für die meisten Displays und den sRGB-Farbraum.
Die vollständige Teilmenge von Farben, die innerhalb eines bestimmten Farbraums genau dargestellt oder von einem bestimmten Gerät reproduziert werden können. Farben außerhalb eines gegebenen Gamuts müssen bei der Konvertierung angenähert oder abgeschnitten werden. Displays mit weitem Gamut können gesättigtere Farben als Standard-sRGB-Monitore anzeigen.
Siehe auch: Color Formats Reference
Ein sanfter visueller Übergang zwischen zwei oder mehr Farben, häufig als Hintergründe, Overlays und dekorative Elemente im Design verwendet. CSS unterstützt lineare, radiale und konische Verläufe. Verläufe können Tiefe, Dimension und visuelles Interesse ohne Bilder erzeugen.
Siehe auch: Gradients
Ein Bereich achromatischer Abstufungen von Schwarz über verschiedene Grautöne bis Weiß, ohne Farbinformationen. In einem Graustufenbild speichert jedes Pixel nur einen Luminanzwert. Graustufen werden im Design für neutrale Hintergründe, Barrierefreiheitstests und Druckvorbereitung verwendet.
Eine Farbnotation, die Farben als hexadezimale Zeichenkette mit dem Präfix # darstellt. Ein Standard-HEX-Code wie #FF5733 codiert die Rot-, Grün- und Blaukanäle als zweistellige Paare. HEX unterstützt 3-stellige, 4-stellige (mit Alpha) und 8-stellige (mit Alpha) Varianten und ist das am weitesten verbreitete Farbformat in der Webentwicklung.
Siehe auch: HEX Format
Ein zylindrisches Farbmodell für Farbton, Sättigung und Helligkeit, auch bekannt als HSV. Der Farbton ist der Farbwinkel (0-360 Grad), die Sättigung misst die Farbreinheit (0-100%) und die Helligkeit die maximale Lichtintensität (0-100%). Es ist das Farbmodell der meisten visuellen Farbwähler in Tools wie Photoshop und Figma.
Siehe auch: HSB Format
Ein zylindrisches Farbmodell für Farbton, Sättigung und Leuchtkraft. Der Farbton wird als Grad auf dem Farbkreis ausgedrückt (0-360), die Sättigung als Prozent der Farbintensität (0-100%) und die Leuchtkraft als Prozent von Schwarz (0%) über die reine Farbe (50%) bis Weiß (100%). HSL wird in CSS nativ unterstützt.
Siehe auch: HSL Format
Das Attribut einer Farbe, das ihre Position auf dem Farbkreis definiert, gemessen als Winkel von 0 bis 360 Grad. Rot liegt bei 0 Grad, Grün bei 120 Grad und Blau bei 240 Grad. Der Farbton ist die 'H'-Komponente in den Farbmodellen HSL, HSB, HWB, LCH und OKLCH.
Siehe auch: HSL Format
Ein Farbmodell für Farbton, Weißgrad und Schwarzgrad, das als intuitivste Art für Menschen konzipiert wurde, Farben auszuwählen. HWB wird in CSS Color Level 4 über die hwb()-Funktion unterstützt.
Siehe auch: HWB Format
Ein wahrnehmungsmäßig einheitlicher Farbraum (formal CIELAB) mit drei Achsen: L für Helligkeit (0-100), a für die Grün-Rot-Achse (-128 bis 127) und b für die Blau-Gelb-Achse (-128 bis 127). Gleiche numerische Schritte in LAB entsprechen annähernd gleichen wahrgenommenen Farbunterschieden. LAB wird in CSS Color Level 4 unterstützt.
Siehe auch: LAB Format
Die zylindrische Darstellung des CIELAB-Farbraums mit Helligkeit, Chroma und Farbton. LCH ist intuitiver als die kartesischen a/b-Achsen von LAB und erleichtert die Erstellung wahrnehmungsmäßig einheitlicher Farbskalen. Es wird in CSS Color Level 4 über die lch()-Funktion unterstützt.
Siehe auch: LCH Format
Die wahrgenommene Helligkeit einer Farbe relativ zu einem Referenzweiß, von 0% (Schwarz) bis 100% (Weiß). In HSL ist 0% Leuchtkraft Schwarz, 50% die reine Farbe und 100% Weiß. In wahrnehmungsbezogenen Farbräumen wie LAB und OKLCH ist die Leuchtkraft gleichmäßiger gestaltet.
Siehe auch: HSL Format, LAB Format
Ein photometrisches Maß für die Lichtintensität, die von einer Oberfläche in einer bestimmten Richtung emittiert oder reflektiert wird. Die relative Luminanz, die in WCAG-Kontrastberechnungen verwendet wird, ist ein linearer Wert zwischen 0 und 1, der die unterschiedliche Empfindlichkeit des menschlichen Auges für Rot, Grün und Blau berücksichtigt.
Siehe auch: Contrast Checker
Ein wahrnehmungsmäßig einheitlicher Farbraum (formal CIELUV), der für additive Farbmischung und Beleuchtungsanwendungen optimiert ist. CIELUV wird in Kontexten mit emittiertem Licht wie Fernsehen und Architekturbeleuchtung gegenüber CIELAB bevorzugt.
Siehe auch: LUV Format
Ein Farbquantisierungsalgorithmus, der eine große Anzahl von Farben auf eine kleinere repräsentative Palette reduziert, indem er den Farbraum rekursiv am Medianpunkt der längsten Achse teilt. Er wurde 1982 von Paul Heckbert beschrieben und ist eine der am weitesten verbreiteten Methoden zur Extraktion dominanter Farben aus Bildern.
Siehe auch: Image Color Extractor
Ein Farbschema basierend auf einem einzigen Farbton, das nur Variationen in Sättigung und Leuchtkraft verwendet. Monochromatische Paletten sind von Natur aus harmonisch und werden oft für minimale, elegante Designs verwendet. Sie bieten visuelle Kohäsion, aber begrenzten Farbkontrast.
Siehe auch: Palette Generator
Ein moderner wahrnehmungsbezogener Farbraum, der von Björn Ottosson entworfen wurde und Helligkeit (0-1), Chroma (0-0,4+) und Farbton (0-360 Grad) verwendet. Er verbessert LCH durch gleichmäßigeres Farbtonverhalten. OKLCH wird für CSS Color Level 4 empfohlen und gewinnt breite Browser-Unterstützung.
Siehe auch: OKLCH Format
Der Grad, zu dem eine Farbe oder ein Element den dahinterliegenden Inhalt blockiert, ausgedrückt als Wert von 0 (vollständig transparent) bis 1 (vollständig undurchsichtig). In CSS kann die Deckkraft über die opacity-Eigenschaft oder den Alphakanal von Farbfunktionen wie rgba() und hsla() festgelegt werden.
Siehe auch: RGB Format
Eine kuratierte Auswahl von Farben, die in einem Design zusammenarbeiten, typischerweise 3 bis 10 Farben. Paletten werden mit Farbharmonieregeln, Markenrichtlinien oder ästhetischen Präferenzen erstellt. Eine gut gestaltete Palette gewährleistet visuelle Konsistenz und ausreichenden Kontrast für Barrierefreiheit.
Siehe auch: Palette Generator
Ein proprietäres Farbabstimmungssystem von Pantone LLC, das Tausenden standardisierten Schmuckfarben eindeutige alphanumerische Codes zuweist. Es ist der Industriestandard für Farbkommunikation in Druck, Mode, Industriedesign und Produktherstellung.
Eine Reihe von Farben, die nicht durch Mischen anderer Farben erzeugt werden können und aus denen alle anderen Farben eines Farbmodells abgeleitet werden. Bei additiver Farbmischung (Licht) sind die Primärfarben Rot, Grün und Blau (RGB). Bei subtraktiver Farbmischung (Druck) sind es Cyan, Magenta und Gelb (CMY).
Siehe auch: RGB Format, CMYK Format
Eine Form der Rot-Grün-Farbsehschwäche, verursacht durch eine Mutation im L-Zapfen-Photopigment (Rot), die seine Empfindlichkeit in Richtung Grün verschiebt. Rot erscheint dunkler und weniger lebendig. Sie betrifft etwa 1,3% der Männer und 0,02% der Frauen.
Siehe auch: Color Blindness Simulator
Eine Form der Rot-Grün-Farbenblindheit, verursacht durch das vollständige Fehlen von L-Zapfen (rotempfindlichen) Photorezeptoren in der Netzhaut. Betroffene können rotes Licht nicht wahrnehmen. Sie betrifft etwa 1,3% der Männer und 0,02% der Frauen.
Siehe auch: Color Blindness Simulator
Ein additives Farbmodell, das Farben mit drei Kanälen darstellt: Rot (0-255), Grün (0-255) und Blau (0-255). Es ist das native Farbmodell für digitale Bildschirme. RGB ist eines der am weitesten verbreiteten Farbformate in der Webentwicklung, unterstützt in CSS als rgb() und rgba().
Siehe auch: RGB Format
Die Intensität oder Reinheit einer Farbe, die angibt, wie lebendig sie im Vergleich zu einem neutralen Grau gleicher Helligkeit erscheint. Eine vollständig gesättigte Farbe enthält kein Grau und erscheint am lebhaftesten. Die Sättigung ist die 'S'-Komponente in HSL und HSB und reicht von 0% bis 100%.
Siehe auch: HSL Format, HSB Format
Farben, die durch Mischen zweier Primärfarben in gleichen Anteilen entstehen. Im RGB-Modell sind die Sekundärfarben Cyan, Magenta und Gelb. Im traditionellen RYB-Modell sind es Orange, Grün und Violett.
Siehe auch: Palette Generator
Eine Farbvariation, die durch Hinzufügen von Schwarz zu einem Grundfarbton entsteht. Schattierungen sind dunkler und dramatischer als die Originalfarbe. In CSS können Schattierungen durch Verringern des Helligkeitswerts in HSL erzeugt werden.
Siehe auch: Palette Generator
Eine Farbharmonie, die mit einer Grundfarbe beginnt und die beiden Farben neben ihrem Komplement auf dem Farbkreis verwendet. Sie bietet hohen visuellen Kontrast ähnlich wie Komplementärfarben, aber mit mehr Nuancen. Geteilt komplementäre Schemata gehören zu den vielseitigsten Harmonietypen.
Siehe auch: Palette Generator
Der Standard-RGB-Farbraum, 1996 von HP und Microsoft für Monitore, Drucker und Internet erstellt. sRGB ist der Standard-Farbraum für Web, CSS und die meisten Consumer-Displays, kann aber aufgrund seines relativ engen Gamuts keine hochgesättigten Farben darstellen.
Siehe auch: RGB Format
Ein Farbmischungsmodell in Druck und Malerei, bei dem Pigmente oder Druckfarben bestimmte Lichtwellenlängen absorbieren und den Rest reflektieren. Die subtraktiven Primärfarben sind Cyan, Magenta und Gelb (CMY). In der Praxis wird schwarze Druckfarbe hinzugefügt, was das CMYK-Modell bildet.
Siehe auch: CMYK Format
Das Standard-Farbsystem im Tailwind CSS Utility-First-Framework, bestehend aus 22 Farbfamilien mit jeweils 11 Abstufungen (50, 100-900, 950). Die Palette ist für barrierefreie, konsistente UI-Entwicklung konzipiert und umfasst insgesamt 242 benannte Farbklassen.
Siehe auch: Tailwind Colors Reference
Farben, die durch Mischen einer Primärfarbe mit einer benachbarten Sekundärfarbe auf dem Farbkreis entstehen und sechs Zwischentöne erzeugen. Tertiärfarben bieten nuanciertere Farbtonoptionen für den Aufbau anspruchsvoller Paletten.
Siehe auch: Palette Generator
Eine Farbharmonie mit vier Farben, die als zwei Komplementärpaare angeordnet sind und ein Rechteck auf dem Farbkreis bilden. Tetradische Schemata bieten die größte Farbvielfalt, erfordern aber sorgfältige Balance. Auch als Doppel-Komplementär-Schema bekannt.
Siehe auch: Palette Generator
Eine Farbvariation, die durch Hinzufügen von Weiß zu einem Grundfarbton entsteht. Aufhellungen sind heller und pastelliger als die Originalfarbe. In CSS können sie durch Erhöhen des Helligkeitswerts in HSL erzeugt werden.
Siehe auch: Palette Generator
Eine Farbvariation, die durch Hinzufügen von Grau zu einem Grundfarbton entsteht und die Sättigung verringert, während die Helligkeit ungefähr gleich bleibt. Farbtöne erscheinen gedämpfter, raffinierter und natürlicher als die reine Farbe. Die meisten Farben in der realen Welt sind Farbtöne.
Siehe auch: Palette Generator
Eine Farbharmonie mit drei Farben, die gleichmäßig im Abstand von 120 Grad auf dem Farbkreis verteilt sind. Triadische Schemata sind lebendig und bieten starken visuellen Kontrast bei gleichzeitiger Farbbalance.
Siehe auch: Palette Generator
Eine seltene Form der Blau-Gelb-Farbsehschwäche, verursacht durch eine Mutation im S-Zapfen-Photopigment (Blau). Betroffene haben Schwierigkeiten, Blau von Grün und Gelb von Violett zu unterscheiden. Sie betrifft geschätzt 0,0001% der Bevölkerung.
Siehe auch: Color Blindness Simulator
Eine seltene Form der Farbenblindheit durch vollständiges Fehlen von S-Zapfen (blauempfindlichen) Photorezeptoren in der Netzhaut. Im Gegensatz zu Rot-Grün-Schwächen betrifft Tritanopie Männer und Frauen ähnlich häufig, etwa 0,001% der Männer und 0,03% der Frauen.
Siehe auch: Color Blindness Simulator
In der Farbtheorie bezeichnet Wert die Helligkeit oder Dunkelheit einer Farbe, unabhängig von Farbton oder Sättigung. Im HSB/HSV-Modell reicht der Wert (V) von 0% (Schwarz) bis 100% (maximale Helligkeit des Farbtons) und ist synonym mit der Helligkeitskomponente.
Siehe auch: HSB Format
Die Web Content Accessibility Guidelines des W3C definieren Standards für barrierefreie Webinhalte. WCAG 2.1 legt Mindestfarbkontrastverhältnisse fest — 4,5:1 für normalen Text (AA), 3:1 für großen Text (AA) und 7:1 für normalen Text (AAA) — um die Lesbarkeit für Benutzer mit Sehbehinderungen zu gewährleisten.
Siehe auch: Contrast Checker
Eine Palette von 216 Farben, die in den 1990er Jahren auf 256-Farben-Monitoren und frühen Webbrowsern konsistent angezeigt wurden. Jede Farbe verwendet nur die Hexadezimalwerte 00, 33, 66, 99, CC oder FF pro RGB-Kanal. Websichere Farben sind heute weitgehend veraltet, da moderne Displays Millionen von Farben unterstützen.
Siehe auch: HEX Format
Der CIE 1931 XYZ-Farbraum, ein geräteunabhängiger Farbraum, der von der Internationalen Beleuchtungskommission definiert wurde. Er dient als mathematische Grundlage für praktisch alle anderen Farbräume. Die Y-Komponente entspricht der Luminanz, was XYZ zentral für die Farbwissenschaft macht.
Siehe auch: XYZ Format