Farbwähler
Ein Farbwähler oder Farbmischer ist im Softwarebereich ein Teil der grafischen Benutzeroberfläche, mit dem eine Farbe interaktiv ausgewählt werden kann. Im englischen Sprachraum ist die Bezeichnung color picker oder color tool gebräuchlich und auch im deutschsprachigen Web verbreitet.
1: Farbverlaufsfeld des unter 9 gewählten Farbtons zur Farbwahl
2: Farbmuster-Speicherplätze
3: Vorschau der gewählten Farbe
4: Zuletzt ausgewählte Farbe
5: Pipette
6: Hexadezimalwert der Farbe
7: RGB-Schieberegler
8: HSV-Schieberegler
9: Gewählter Grundton
Formen von Farbwählern
Farbwahldialog
Alle Bildbearbeitungsprogramme enthalten Farbwähler in Form von Dialogfeldern, etwa um die Farbe des Malwerkzeugs auszuwählen.
Dem Anwender werden dafür entweder Farbpaletten mit einer Auswahl an vorgegebenen Farben angezeigt, oder sogenannte Farbverlaufsfelder, mit denen Helligkeit und Sättigung genau bestimmt werden können („stufenlose“ Farbwähler). Beim Auswählen einer Farbe lässt sich oft zwischen unterschiedlichen Farbräumen wählen. Farbwähler verwenden häufig den HSV-Farbraum, da sich mit ihm die gewünschte Farbe besonders leicht finden lässt. Manchmal werden zusätzlich die RGB-Werte in ihrer hexadezimalen Schreibweise angegeben, die z. B. im HTML-Quellcode von Webseiten Anwendung findet (siehe Webfarbe).
- Beispiele für Farbwahl-Dialogfelder
-
Ein stufenloser Farbwahldialog
-
Ein GTK+-Farbwähler
-
Ein Qt-Farbwähler
Pipette
Die Pipette ist ein Werkzeug, die das Auslesen der Farbe an einer bestimmten Stelle eines Bildes ermöglicht. Manche Programme ermöglichen auch das Auslesen des Farbwertes an einer beliebigen Bildschirmposition mit einem Pipettenwerkzeug. Das ermöglicht eine besonders schnelle Übertragung der Farbe in andere Anwendungen. So kann ein Webdesigner die Farben des Kundenlogos direkt von dessen Webseite auslesen und sie in dem Design der Webseite verwenden, ohne die Grafik herunterzuladen und in einem Grafikprogramm öffnen zu müssen. Das ist in einem Online-Farbwähler durch die Sicherheitseinschränkungen des Browsers für gewöhnlich nicht möglich. Dennoch ermöglicht moderne Webtechnologie inzwischen die Umsetzung von Farbwählern, die ähnlich bequem und funktionsreich sind wie Desktop-Programme und direkt im Browser ausgeführt werden können.
Mathematik
Ein Pixel eines typischen Farbmonitors besteht aus einem roten, grünen und blauen Subpixel. Der native, also rechnereigene Farbraum für die Berechnung und Darstellung der Farben ist deshalb RGB. Auf einem modernen Rechner hat die Anzeige eine Farbpalette mit 24 Bit Farbtiefe. Diese 24 Bit erlauben 224 Bitkombinationen, so dass 16.777.216 Farben kodiert werden können. Die native Farbtabelle ist dabei nach dem RGB-Farbraum aufgebaut, so dass eine Farbnummer über die Formel der additiven Farbmischung<ref><templatestyles src="Webarchiv/styles.css" />{{#if:20120424135910
| {{#ifeq: 20120424135910 | *
| {{#if: Verwendung von Farbnummern und additive Farbmischung | {{#invoke:WLink|getEscapedTitle|Verwendung von Farbnummern und additive Farbmischung}} | {{#invoke:Webarchiv|getdomain|http://www.color-picker.de/de/funktionen/farbnummern}} }} (Archivversionen)
| {{#iferror: {{#time: j. F Y|20120424135910}}
| {{#if: || }}Der Wert des Parameters {{#if: wayback | wayback | Datum }} muss ein gültiger Zeitstempel der Form YYYYMMDDHHMMSS sein!
| {{#if: Verwendung von Farbnummern und additive Farbmischung | {{#invoke:WLink|getEscapedTitle|Verwendung von Farbnummern und additive Farbmischung}} | {{#invoke:Webarchiv|getdomain|http://www.color-picker.de/de/funktionen/farbnummern}} }} {{#ifeq: | [] | [ | ( }}{{#if: {{#if: 2023-12-22 09:15:33 InternetArchiveBot | 2023-12-22 09:15:33 InternetArchiveBot | }} | des Vorlage:Referrer }} vom {{#time: j. F Y|20120424135910}} im Internet Archive{{#if: | ; }}{{#ifeq: | [] | ] | ) }}
}}
}}
| {{#if:
| {{#iferror: {{#time: j. F Y|{{{webciteID}}}}}
| {{#switch: {{#invoke:Str|len|{{{webciteID}}}}}
| 16= {{#if: Verwendung von Farbnummern und additive Farbmischung | {{#invoke:WLink|getEscapedTitle|Verwendung von Farbnummern und additive Farbmischung}} | {{#invoke:Webarchiv|getdomain|http://www.color-picker.de/de/funktionen/farbnummern}} }} {{#ifeq: | [] | [ | ( }}{{#if: {{#if: 2023-12-22 09:15:33 InternetArchiveBot | 2023-12-22 09:15:33 InternetArchiveBot | }} | des Vorlage:Referrer }} vom {{#time: j. F Y| 19700101000000 + {{#expr: floor {{#expr: {{#invoke:Str|sub|{{{webciteID}}}|1|10}}/86400}} }} days}} auf WebCite{{#if: | ; }}{{#ifeq: | [] | ] | ) }}
| 9 = {{#if: Verwendung von Farbnummern und additive Farbmischung | {{#invoke:WLink|getEscapedTitle|Verwendung von Farbnummern und additive Farbmischung}} | {{#invoke:Webarchiv|getdomain|http://www.color-picker.de/de/funktionen/farbnummern}} }} {{#ifeq: | [] | [ | ( }}{{#if: {{#if: 2023-12-22 09:15:33 InternetArchiveBot | 2023-12-22 09:15:33 InternetArchiveBot | }} | des Vorlage:Referrer}} vom {{#time: j. F Y| 19700101000000 + {{#expr: floor {{#expr: {{#invoke:Str|sub|{{#invoke:Expr|base62|{{{webciteID}}}}}|1|10}}/86400}} }} days}} auf WebCite{{#if: | ; }}{{#ifeq: | [] | ] | ) }}
| #default= Der Wert des Parameters {{#if: webciteID | webciteID | ID }} muss entweder ein Zeitstempel der Form YYYYMMDDHHMMSS oder ein Schüsselwert mit 9 Zeichen oder eine 16-stellige Zahl sein!{{#if: || }}
}}
| c|{{{webciteID}}}}} {{#if: Verwendung von Farbnummern und additive Farbmischung | {{#invoke:WLink|getEscapedTitle|Verwendung von Farbnummern und additive Farbmischung}} | {{#invoke:Webarchiv|getdomain|http://www.color-picker.de/de/funktionen/farbnummern}} }} ({{#if: {{#if: 2023-12-22 09:15:33 InternetArchiveBot | 2023-12-22 09:15:33 InternetArchiveBot | }} | des Vorlage:Referrer}} vom {{#time: j. F Y|{{{webciteID}}}}} auf WebCite{{#if: | ; }}{{#ifeq: | [] | ] | ) }}
}}
| {{#if:
| Vorlage:Webarchiv/Today
| {{#if:
| Vorlage:Webarchiv/Generisch
| {{#if: Verwendung von Farbnummern und additive Farbmischung | {{#invoke:WLink|getEscapedTitle|Verwendung von Farbnummern und additive Farbmischung}} | {{#invoke:Webarchiv|getdomain|http://www.color-picker.de/de/funktionen/farbnummern}} }}
}}}}}}}}{{#if:2023-12-22 09:15:33 InternetArchiveBot
| Vorlage:Webarchiv/archiv-bot
}}{{#invoke:TemplatePar|check
|all = url=
|opt = text= wayback= webciteID= archive-is= archive-today= archiv-url= archiv-datum= ()= archiv-bot= format= original=
|cat = Wikipedia:Vorlagenfehler/Vorlage:Webarchiv
|errNS = 0
|template = Vorlage:Webarchiv
|format = *
|preview = 1
}}{{#ifexpr: {{#if:20120424135910|1|0}}{{#if:|+1}}{{#if:|+1}}{{#if:|+1}}{{#if:|+1}} <> 1
| {{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Genau einer der Parameter 'wayback', 'webciteID', 'archive-today', 'archive-is' oder 'archiv-url' muss angegeben werden.|1}}
}}{{#if:
| {{#switch: {{#invoke:Webarchiv|getdomain|{{{archiv-url}}}}}
| web.archive.org =
{{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Im Parameter 'archiv-url' wurde URL von Internet Archive erkannt, bitte Parameter 'wayback' benutzen.|1}}
| webcitation.org =
{{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Im Parameter 'archiv-url' wurde URL von WebCite erkannt, bitte Parameter 'webciteID' benutzen.|1}}
| archive.today |archive.is |archive.ph |archive.fo |archive.li |archive.md |archive.vn =
{{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Im Parameter 'archiv-url' wurde URL von archive.today erkannt, bitte Parameter 'archive-today' benutzen.|1}}
}}{{#if:
| {{#iferror: {{#iferror:{{#invoke:Vorlage:FormatDate|Execute}}|}}
| {{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Der Wert des Parameter 'archiv-datum' ist ungültig oder hat ein ungültiges Format.|1}}
| }}
| {{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Der Pflichtparameter 'archiv-datum' wurde nicht angegeben.|1}}
}}
| {{#if:
| {{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Der Parameter 'archiv-datum' ist nur in Verbindung mit 'archiv-url' angebbar.|1}}
}}
}}{{#if:{{#invoke:URLutil|isHostPathResource|http://www.color-picker.de/de/funktionen/farbnummern}}
|| {{#if: || }}
}}{{#if: Verwendung von Farbnummern und additive Farbmischung
| {{#if: {{#invoke:WLink|isBracketedLink|Verwendung von Farbnummern und additive Farbmischung}}
| {{#if: || }}
}}
| {{#if: || }}
}}{{#switch:
|addlarchives|addlpages= {{#if: || }}{{#if: 1 |}}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: enWP-Wert im Parameter 'format'.|1}}
}}{{#ifeq: {{#invoke:Str|find|http://www.color-picker.de/de/funktionen/farbnummern%7Carchiv}} |-1
|| {{#ifeq: {{#invoke:Str|find|{{#invoke:Str|cropleft|http://www.color-picker.de/de/funktionen/farbnummern%7C4}}%7Chttp}} |-1
|| {{#switch: {{#invoke:Webarchiv|getdomain|http://www.color-picker.de/de/funktionen/farbnummern }}
| abendblatt.de | daserste.ndr.de | inarchive.com | webcitation.org =
| #default = {{#if: || }}{{#if: 1 |}}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Archiv-URL im Parameter 'url' anstatt URL der Originalquelle. Entferne den vor der Original-URL stehenden Mementobestandteil und setze den Archivierungszeitstempel in den Parameter 'wayback', 'webciteID', 'archive.today' oder 'archive-is' ein, sofern nicht bereits befüllt.|1}}
}}
}}
}}</ref> berechnet werden kann:
- <math>Farbnummer = f_{RGB}(R,G,B) = R \cdot 256^0 + G \cdot 256^1 + B \cdot 256^2 = R + G\cdot 256 + B \cdot 65536</math>
<math>R</math>, <math>G</math>, <math>B</math> sind dabei die Kanäle des RGB-Farbraums über die die Intensität oder Leuchtkraft eines der drei Unterpixel eingestellt wird.
Für jeden Kanal steht 1 Byte zur Verfügung, so dass die Intensität in 256 Stufen, d. h. mit Zahlen von 0 bis 255 angegeben werden kann. Die Grundfarben haben die Nummern <math>f_{RGB}(255,0,0) = 255</math> für Rot, <math>f_{RGB}(0,255,0) = 65280</math> für Grün und <math>f_{RGB}(0,0, 255) = 16711680</math> für Blau. Die Grenzfarben haben die Nummern <math>f_{RGB}(0,0,0) = 0</math> für Schwarz und <math>f_{RGB}(255,255,255) = 16777215</math> für Weiß, d. h. alle Unterpixel leuchten mit voller Kraft und vermischen sich im menschlichen Auge zu weiß. Grautöne ergeben sich, wenn alle Unterpixel mit gleicher Intensität leuchten. Mittelgrau hat damit die Nummer <math>f_{RGB}(128,128,128) = 8421504</math>.
Durch die drei Kanäle mit jeweils 256 Intensitätsstufen ergeben sich 256^3 mögliche Kombinationen und damit ebenfalls 16.777.216 Kombinationsmöglichkeiten:
- <math>3 Byte = (2^8)^3 = 256^3 = 16.777.216 = 2^{(8\cdot3)} = 2^{24} = 24 Bit</math>
Moderne Betriebssysteme verwenden 32 Bit für die Darstellung. Dabei wird ein zusätzliches Byte für den Alphakanal verwendet, über den die Transparenz des Pixels bestimmt wird. Der Alphakanal erweitert nicht den Farbraum, ermöglicht aber verschiedene grafische Effekte wie realistische Schatten unter Programmsymbolen und -Fenstern und Antialiasing.
Die Bestimmung der Farbe im RGB-Raum wird als nicht intuitiv betrachtet, so dass in Farbwählern meistens die Bestimmung der Farbe über alternative Farbräume als Unterstützung angeboten werden. So kann die Farbe beispielsweise im HSV-Farbraum durch Farbton (Hue), Sättigung (Saturation) und Helligkeitswert (Value) beschrieben werden. Dabei bestimmt die Sättigung die Nähe zu Grau und Helligkeit die Nähe zu weiß bzw. schwarz. Der Farbton wird meistens als Kreis modelliert, bei dem beginnend und endend mit Rot die Grundfarben im Abstand von 120° verteilt sind: Grün liegt bei 120°, Blau liegt bei 240°. Durch den Verlauf von Rot nach Grün zwischen 0° und 120° liegt Gelb in der Mitte bei 60°. Ein solcher Verlauf ergibt eine für den Menschen übersichtlichere Anordnung der Farbtöne als die native RGB-Tabelle. Durch die Umrechnung entstehen allerdings Rundungsfehler, so dass ein intuitiver Farbraum nicht immer eindeutig auf RGB abgebildet werden kann.
Nicht jeder Monitor kann alle Farben darstellen. Auch gibt es Monitore, die den Farbraum strecken und dadurch mehr Farben darstellen können. In diesem Fall findet eine Umrechnung direkt im Monitor statt. Der Gamut bestimmt dabei den Bereich des Farbraums, den ein Anzeige- oder Aufnahmegerät abdecken kann.
Anhang
Belege
<references />
Literatur
- James D. Foley u. a.: Computer Graphics: Principles and Practice, 2. Auflage, Addison-Wesley 1995, ISBN 0-201-84840-6
Weblinks
|X|x= |0|-= |S|s= – Sammlung von Bildern |1|= – Sammlung von Bildern{{#if:
| {{#switch: {{#invoke:TemplUtl|faculty|1}}/{{#invoke:TemplUtl|faculty|1}}
|1/= und Videos
|1/1=, Videos und Audiodateien
|/1= und Audiodateien}}
| , Videos und Audiodateien
}}
|#default= – }}{{#if: Color selectors
| {{#ifeq: {{#invoke:Str|left|color selectors|9}}
| category:
| FEHLER: Ohne Category: angeben!}}}}Vorlage:Wikidata-Registrierung
- www.colorpicker.com – Ein Online-Farbwähler