Color - Versionsgeschichte

Ph1959de: syntaxhighlight korrigiert

2022-11-04T18:21:52Z

syntaxhighlight korrigiert

← Nächstältere Version		Version vom 4. November 2022, 20:21 Uhr
Zeile 130:		Zeile 130:
	Anmerkung: {{Taste\|\x23}} ist die hexadezimale Escapesequenz für das {{Taste\|#}} Zeichen, das beim Einlesen der [[Konfiguration]] sonst als Kommentar interpretiert werden würde. Ist mit aktuellen FHEM Versionen nicht mehr nötig. Das {{Taste\|#}} Zeichen kann direkt verwendet werden.		Anmerkung: {{Taste\|\x23}} ist die hexadezimale Escapesequenz für das {{Taste\|#}} Zeichen, das beim Einlesen der [[Konfiguration]] sonst als Kommentar interpretiert werden würde. Ist mit aktuellen FHEM Versionen nicht mehr nötig. Das {{Taste\|#}} Zeichen kann direkt verwendet werden.

	Es gibt Fälle, in denen ein Farbverlauf für Warnungen/Fehler angezeigt werden soll. Hier bietet sich kein Temperaturähnlicher Verlauf an, weil die Farbfolge nicht von blau über grün zu gelb/rot gehen soll, sondern vielmehr die typische Anzeige schwarz ist, bei Warnungen gelb und bei Fehlern rot sein soll. Im Folgenden Beispiel sollen Zahlenwerte dann gefärbt werden, wenn sie vom Normwert abweichen. Als Beispiel diene eine Füllstandsanzeige (im konkreten Fall geht es um "noch betreibbare Zeit in Wochen"), die von etwa 7 bis 12 im Normbereich liegt (Anzeige schwarz), von etwa 3 bis 6 im Warnungsbereich (gelb) und zwischen 0 und 3 eine Fehlermeldung (rot) ergeben soll. Auch hier kann man pahColor verwenden. Die Farbpalette wird wie folgt erzeugt<syntaxhighlight lang="perl">		Es gibt Fälle, in denen ein Farbverlauf für Warnungen/Fehler angezeigt werden soll. Hier bietet sich kein Temperaturähnlicher Verlauf an, weil die Farbfolge nicht von blau über grün zu gelb/rot gehen soll, sondern vielmehr die typische Anzeige schwarz ist, bei Warnungen gelb und bei Fehlern rot sein soll. Im Folgenden Beispiel sollen Zahlenwerte dann gefärbt werden, wenn sie vom Normwert abweichen. Als Beispiel diene eine Füllstandsanzeige (im konkreten Fall geht es um "noch betreibbare Zeit in Wochen"), die von etwa 7 bis 12 im Normbereich liegt (Anzeige schwarz), von etwa 3 bis 6 im Warnungsbereich (gelb) und zwischen 0 und 3 eine Fehlermeldung (rot) ergeben soll. Auch hier kann man pahColor verwenden. Die Farbpalette wird wie folgt erzeugt
			<syntaxhighlight lang="perl">
	sub Farbtester()		sub Farbtester()
	{my $s = "";;		{my $s = "";;
Zeile 155:		Zeile 156:
	$s.="<span style='color:#$farbe'>10 </span>";		$s.="<span style='color:#$farbe'>10 </span>";
	return $s}		return $s}
	</syntaxhighlight>und das Ergebnis sieht dann wie im Bild unten aus.		</syntaxhighlight>
			und das Ergebnis sieht dann wie im Bild unten aus.
	[[Datei:Farbpalette Schwarz bis Rot.png\|mini\|Farbpalette schwarz bis rot]]		[[Datei:Farbpalette Schwarz bis Rot.png\|mini\|Farbpalette schwarz bis rot]]

	Ein konkretes Anwendungsbeispiel ist dann das folgende Gerät. Dieses Gerät liefert eine Anzeige, wie lange eine enthaltene Menge noch verwendet werden kann, das entsprechende Reading lautet "Wochen". "Wochen" geht von 12 bis 0, unter 7 soll die Anzeige nicht mehr in schwarz, sondern in Warnungsfarben erfolgen: 3 bis 6 in gelb, unter 3 in Richtung rot gehend. Das stateformat lautet dann<syntaxhighlight>		Ein konkretes Anwendungsbeispiel ist dann das folgende Gerät. Dieses Gerät liefert eine Anzeige, wie lange eine enthaltene Menge noch verwendet werden kann, das entsprechende Reading lautet "Wochen". "Wochen" geht von 12 bis 0, unter 7 soll die Anzeige nicht mehr in schwarz, sondern in Warnungsfarben erfolgen: 3 bis 6 in gelb, unter 3 in Richtung rot gehend. Das stateformat lautet dann
			<syntaxhighlight lang="perl">
	attr Salzmenge stateFormat {my $farbe = substr(Color::pahColor(0,5,12,ReadingsNum($name, "Wochen",0),[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		attr Salzmenge stateFormat {my $farbe = substr(Color::pahColor(0,5,12,ReadingsNum($name, "Wochen",0),[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	return "<span style='color:#$farbe'>".ReadingsVal($name, "Wochen", 0)." Wochen </span>" }		return "<span style='color:#$farbe'>".ReadingsVal($name, "Wochen", 0)." Wochen </span>" }
	</syntaxhighlight>Mit pahColor erzeugte Farbtabellen können mit [[DOIFtools#Farbtabellen_erzeugen\|DOIFtools]] angezeigt werden.		</syntaxhighlight>
			Mit pahColor erzeugte Farbtabellen können mit [[DOIFtools#Farbtabellen_erzeugen\|DOIFtools]] angezeigt werden.

	[[Kategorie:Development]]		[[Kategorie:Development]]

Andies: /* Beispiele */

2022-11-03T09:01:00Z

Beispiele

← Nächstältere Version		Version vom 3. November 2022, 11:01 Uhr
Zeile 159:		Zeile 159:

	Ein konkretes Anwendungsbeispiel ist dann das folgende Gerät. Dieses Gerät liefert eine Anzeige, wie lange eine enthaltene Menge noch verwendet werden kann, das entsprechende Reading lautet "Wochen". "Wochen" geht von 12 bis 0, unter 7 soll die Anzeige nicht mehr in schwarz, sondern in Warnungsfarben erfolgen: 3 bis 6 in gelb, unter 3 in Richtung rot gehend. Das stateformat lautet dann<syntaxhighlight>		Ein konkretes Anwendungsbeispiel ist dann das folgende Gerät. Dieses Gerät liefert eine Anzeige, wie lange eine enthaltene Menge noch verwendet werden kann, das entsprechende Reading lautet "Wochen". "Wochen" geht von 12 bis 0, unter 7 soll die Anzeige nicht mehr in schwarz, sondern in Warnungsfarben erfolgen: 3 bis 6 in gelb, unter 3 in Richtung rot gehend. Das stateformat lautet dann<syntaxhighlight>
	stateFormat {my $farbe = substr(Color::pahColor(0,5,12,ReadingsNum($name, "Wochen",0),[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		attr Salzmenge stateFormat {my $farbe = substr(Color::pahColor(0,5,12,ReadingsNum($name, "Wochen",0),[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	return "<span style='color:#$farbe'>".ReadingsVal($name, "Wochen", 0)." Wochen </span>" }		return "<span style='color:#$farbe'>".ReadingsVal($name, "Wochen", 0)." Wochen </span>" }
	</syntaxhighlight>Mit pahColor erzeugte Farbtabellen können mit [[DOIFtools#Farbtabellen_erzeugen\|DOIFtools]] angezeigt werden.		</syntaxhighlight>Mit pahColor erzeugte Farbtabellen können mit [[DOIFtools#Farbtabellen_erzeugen\|DOIFtools]] angezeigt werden.

	[[Kategorie:Development]]		[[Kategorie:Development]]

Andies: /* Beispiele */

2022-11-03T09:00:38Z

Beispiele

← Nächstältere Version		Version vom 3. November 2022, 11:00 Uhr
Zeile 158:		Zeile 158:
	[[Datei:Farbpalette Schwarz bis Rot.png\|mini\|Farbpalette schwarz bis rot]]		[[Datei:Farbpalette Schwarz bis Rot.png\|mini\|Farbpalette schwarz bis rot]]

	Ein konkretes Anwendungsbeispiel ist dann das folgende Gerät. Dieses Gerät liefert eine Anzeige, wie lange eine enthaltene Menge noch verwendet werden kann, das entsprechende Reading lautet "Wochen". "Wochen" geht von 12 bis 0, unter 7 soll die Anzeige nicht mehr in schwarz, sondern in Warnungsfarben erfolgen: 3 bis 6 in gelb, unter 3 in Richtung rot gehend. Das stateformat lautet dann<syntaxhighlight ~~lang="perl" line="1"~~>		Ein konkretes Anwendungsbeispiel ist dann das folgende Gerät. Dieses Gerät liefert eine Anzeige, wie lange eine enthaltene Menge noch verwendet werden kann, das entsprechende Reading lautet "Wochen". "Wochen" geht von 12 bis 0, unter 7 soll die Anzeige nicht mehr in schwarz, sondern in Warnungsfarben erfolgen: 3 bis 6 in gelb, unter 3 in Richtung rot gehend. Das stateformat lautet dann<syntaxhighlight>
	{my $farbe = substr(Color::pahColor(0,5,12,ReadingsNum($name, "Wochen",0),[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		stateFormat {my $farbe = substr(Color::pahColor(0,5,12,ReadingsNum($name, "Wochen",0),[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	return "<span style='color:#$farbe'>".ReadingsVal($name, "Wochen", 0)." Wochen </span>" }		return "<span style='color:#$farbe'>".ReadingsVal($name, "Wochen", 0)." Wochen </span>" }
	</syntaxhighlight>Mit pahColor erzeugte Farbtabellen können mit [[DOIFtools#Farbtabellen_erzeugen\|DOIFtools]] angezeigt werden.		</syntaxhighlight>Mit pahColor erzeugte Farbtabellen können mit [[DOIFtools#Farbtabellen_erzeugen\|DOIFtools]] angezeigt werden.

	[[Kategorie:Development]]		[[Kategorie:Development]]

Andies: /* Beispiele */ Beispiel

2022-11-03T08:59:24Z

Beispiele: Beispiel

← Nächstältere Version		Version vom 3. November 2022, 10:59 Uhr
Zeile 158:		Zeile 158:
	[[Datei:Farbpalette Schwarz bis Rot.png\|mini\|Farbpalette schwarz bis rot]]		[[Datei:Farbpalette Schwarz bis Rot.png\|mini\|Farbpalette schwarz bis rot]]

	Mit pahColor erzeugte Farbtabellen können mit [[DOIFtools#Farbtabellen_erzeugen\|DOIFtools]] angezeigt werden.		Ein konkretes Anwendungsbeispiel ist dann das folgende Gerät. Dieses Gerät liefert eine Anzeige, wie lange eine enthaltene Menge noch verwendet werden kann, das entsprechende Reading lautet "Wochen". "Wochen" geht von 12 bis 0, unter 7 soll die Anzeige nicht mehr in schwarz, sondern in Warnungsfarben erfolgen: 3 bis 6 in gelb, unter 3 in Richtung rot gehend. Das stateformat lautet dann<syntaxhighlight lang="perl" line="1">
			{my $farbe = substr(Color::pahColor(0,5,12,ReadingsNum($name, "Wochen",0),[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
			return "<span style='color:#$farbe'>".ReadingsVal($name, "Wochen", 0)." Wochen </span>" }
			</syntaxhighlight>Mit pahColor erzeugte Farbtabellen können mit [[DOIFtools#Farbtabellen_erzeugen\|DOIFtools]] angezeigt werden.

	[[Kategorie:Development]]		[[Kategorie:Development]]

Andies: /* Beispiele */

2022-11-03T08:56:07Z

Beispiele

← Nächstältere Version		Version vom 3. November 2022, 10:56 Uhr
Zeile 135:		Zeile 135:
	my		my
	$farbe = substr(Color::pahColor(0,5,12,0,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		$farbe = substr(Color::pahColor(0,5,12,0,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	$s.="<span style='color:#$farbe'>0 ~~Wochen~~ </span>";		$s.="<span style='color:#$farbe'>0 </span>";
	$farbe = substr(Color::pahColor(0,5,12,1,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		$farbe = substr(Color::pahColor(0,5,12,1,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	$s.="<span style='color:#$farbe'>1 ~~Wochen~~ </span>";		$s.="<span style='color:#$farbe'>1 </span>";
	$farbe = substr(Color::pahColor(0,5,12,2,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		$farbe = substr(Color::pahColor(0,5,12,2,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	$s.="<span style='color:#$farbe'>2 ~~Wochen~~ </span>";		$s.="<span style='color:#$farbe'>2 </span>";
	$farbe = substr(Color::pahColor(0,5,12,3,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		$farbe = substr(Color::pahColor(0,5,12,3,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	$s.="<span style='color:#$farbe'>3 ~~Wochen~~ </span>";		$s.="<span style='color:#$farbe'>3 </span>";
	$farbe = substr(Color::pahColor(0,5,12,5,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		$farbe = substr(Color::pahColor(0,5,12,5,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	$s.="<span style='color:#$farbe'>5 ~~Wochen~~ </span>";		$s.="<span style='color:#$farbe'>5 </span>";
	$farbe = substr(Color::pahColor(0,5,12,6,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		$farbe = substr(Color::pahColor(0,5,12,6,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	$s.="<span style='color:#$farbe'>6 ~~Wochen~~ </span>";		$s.="<span style='color:#$farbe'>6 </span>";
	$farbe = substr(Color::pahColor(0,5,12,7,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		$farbe = substr(Color::pahColor(0,5,12,7,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	$s.="<span style='color:#$farbe'>7 ~~Wochen~~ </span>";		$s.="<span style='color:#$farbe'>7 </span>";
	$farbe = substr(Color::pahColor(0,5,12,8,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		$farbe = substr(Color::pahColor(0,5,12,8,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	$s.="<span style='color:#$farbe'>8 ~~Wochen~~ </span>";		$s.="<span style='color:#$farbe'>8 </span>";
	$farbe = substr(Color::pahColor(0,5,12,9,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		$farbe = substr(Color::pahColor(0,5,12,9,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	$s.="<span style='color:#$farbe'>9 ~~Wochen~~ </span>";		$s.="<span style='color:#$farbe'>9 </span>";
	$farbe = substr(Color::pahColor(0,5,12,10,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);		$farbe = substr(Color::pahColor(0,5,12,10,[220,50,50, 220,170,0, 220,170,0, 0,0,0, 0,0,0]),0,6);
	$s.="<span style='color:#$farbe'>10 ~~Wochen~~ </span>";		$s.="<span style='color:#$farbe'>10 </span>";
	return $s}		return $s}
	</syntaxhighlight>und das Ergebnis sieht dann wie ~~folgt~~ aus		</syntaxhighlight>und das Ergebnis sieht dann wie im Bild unten aus.
	[[Datei:Farbpalette Schwarz bis Rot.png\|mini\|Farbpalette schwarz bis rot]]		[[Datei:Farbpalette Schwarz bis Rot.png\|mini\|Farbpalette schwarz bis rot]]

Andies: /* Beispiele */ farbpalette schwarz bis rot

2022-11-03T08:55:08Z

Beispiele: farbpalette schwarz bis rot

@@ Zeile 129: / Zeile 129: @@
 Anmerkung: {{Taste|\x23}} ist die hexadezimale Escapesequenz für das {{Taste|#}} Zeichen, das beim Einlesen der [[Konfiguration]] sonst als Kommentar interpretiert werden würde. Ist mit aktuellen FHEM Versionen nicht mehr nötig. Das  {{Taste|#}} Zeichen kann direkt verwendet werden.
 Mit pahColor erzeugte Farbtabellen können mit [[DOIFtools#Farbtabellen_erzeugen|DOIFtools]] angezeigt werden.
 [[Kategorie:Development]]

Justme: /* Farbton */

2022-03-10T12:37:51Z

Farbton

← Nächstältere Version		Version vom 10. März 2022, 14:37 Uhr
Zeile 52:		Zeile 52:
	[[Datei:Colorpicker_webCmd.png\|mini\|rechts\|400px\|Colorpicker im CT, HUE und RGB-Preset Modus]]		[[Datei:Colorpicker_webCmd.png\|mini\|rechts\|400px\|Colorpicker im CT, HUE und RGB-Preset Modus]]

	In der aktuellen Version lässt sich der colorpicker auch für den Farbton (hue) verwenden (~~aber ohne~~ presets):		In der aktuellen Version lässt sich der colorpicker auch für den Farbton (hue) verwenden (ab 11.03.2022 auch mit presets):

Justme: /* Routinen um zwischen Farbräumen und Darstellungen zu konvertieren */

2019-02-01T12:43:27Z

Routinen um zwischen Farbräumen und Darstellungen zu konvertieren

← Nächstältere Version		Version vom 1. Februar 2019, 14:43 Uhr
Zeile 94:		Zeile 94:

	Zwei Beispiele für die Verwendung und Kombination der oben beschriebenen Routinen gibt es in der fhem.cfg.demo im Simulator für farbige Lanpen.		Zwei Beispiele für die Verwendung und Kombination der oben beschriebenen Routinen gibt es in der fhem.cfg.demo im Simulator für farbige Lanpen.

			== Routinen um zwischen Farbräumen und Darstellungen zu konvertieren ==
			Color::rgb2hsv
			Color::hsv2rgb
			Color::hsb2rgb
			Color::rgb2hsb
			Color::hex2hsv
			Color::hsv2hex
			Color::hex2hsb
			Color::hsb2hex
			Color::hex2rgb
			Color::rgb2hex
			Color::ct2rgb
			Color::xyY2rgb
			Color::xyY2hex

	== Farbskala mit Color::pahColor ==		== Farbskala mit Color::pahColor ==

Trelle: /* Beispiele */ Hinweis auf die Erzeugung von Farbtabellen mit DOIFtools

2017-10-14T16:24:28Z

Beispiele: Hinweis auf die Erzeugung von Farbtabellen mit DOIFtools

← Nächstältere Version		Version vom 14. Oktober 2017, 18:24 Uhr
Zeile 114:		Zeile 114:

	Anmerkung: {{Taste\|\x23}} ist die hexadezimale Escapesequenz für das {{Taste\|#}} Zeichen, das beim Einlesen der [[Konfiguration]] sonst als Kommentar interpretiert werden würde. Ist mit aktuellen FHEM Versionen nicht mehr nötig. Das {{Taste\|#}} Zeichen kann direkt verwendet werden.		Anmerkung: {{Taste\|\x23}} ist die hexadezimale Escapesequenz für das {{Taste\|#}} Zeichen, das beim Einlesen der [[Konfiguration]] sonst als Kommentar interpretiert werden würde. Ist mit aktuellen FHEM Versionen nicht mehr nötig. Das {{Taste\|#}} Zeichen kann direkt verwendet werden.

			Mit pahColor erzeugte Farbtabellen können mit [[DOIFtools#Farbtabellen_erzeugen\|DOIFtools]] angezeigt werden.

	[[Kategorie:Development]]		[[Kategorie:Development]]

Justme: /* RGB Farbe */

2017-10-08T13:17:30Z

RGB Farbe

← Nächstältere Version		Version vom 8. Oktober 2017, 15:17 Uhr
Zeile 28:		Zeile 28:
	:<code>attr <device> webCmd rgb:rgb ff0000:rgb 00ff00:rgb 0000ff:toggle:on:off</code>		:<code>attr <device> webCmd rgb:rgb ff0000:rgb 00ff00:rgb 0000ff:toggle:on:off</code>

	~~Beim~~ jedem Seitenaufbau wird der Wert zum Initialisieren des colorpicker aus dem Reading mit dem gleichen Namen wie das set-kommando geholt.		Bei jedem Seitenaufbau wird der Wert zum Initialisieren des colorpicker aus dem Reading mit dem gleichen Namen wie das set-kommando geholt.

	=== RGB als HSV ===		=== RGB als HSV ===