Standard-Farbdialog

1. Farbkreis
   Der Farbkreis (oder Farbbereich, da die Anzeige nicht als Kreis sondern als Quadrat angezeigt wird) ermöglicht es Dir, mit der Maus eine Wunschfarbe zu suchen und auszuwählen. Die Farbwahl ist zweiteilig. Mit dem Farb-Regler (2) entscheidest Du dich für einen Farbton und anschließend kannst du dann im Farbbereich (1) den genauen Farbton aussuchen.
2. Farb-Regler
   Da es unmöglich ist alle Farben gleichzeitig vernünftig darzustellen, kann man mit dem Regler rechts neben dem Farbbereich den Farbton festlegen, der angezeigt werden soll. Der Farbbereich selbst ist so aufgebaut, dass links unten im Feld 100% Schwarz angezeigt wird, rechts unten 100% Weiss und rechts oben der reine Farbton, der über den Regler eingestellt ist. Dieser Farbton wird nun im Farbbereich mit Schwarz oder/und Weiss gemischt. Da 100% Schwarz jede Farbe abdeckt, wird an der linken Kante des Farbbereich immer 100% Schwarz angezeigt und je weiter Du mit der Maus einen Farbton im rechten Bereich auswählst, desto "sauberer" wird die Farbe, da immer weniger Schwarzanteil vorhanden ist. Unten rechts findest Du wie gesagt 100% Weiss. Der "Weiss-Anteil" der Farbe nimmt ab, je weiter du mit der Maus in den oberen Teil des Farbbereichs klickst. Weiss "bricht" die Farbe und hellt sie auf. Die rechte Seite des Farbbereichs besteht also aus Farbtönen die mit Weiss aufgehellt werden. Ganz rechts unten wird daraus reines Weiss, ganz rechts oben die reine Farbe.
3. Farbvorschau
   Die Farbvorschau zeigt die von Dir gewählte Farbe. Die Vorschau ist zweigeteilt. Wählst Du eine neue Farbe über den Farbregler, so ist die gesamte Fläche mit einer Farbe ausgefüllt. Suchst du nun im Farbbereich einen Farbton, bleibt der rechte Bereich der Vorschau mit der Original-Farbe gefüllt, während der linke Bereich immer die von Dir aktuell gewählte Farbe anzeigt. So kannst Du immer deine Auswahl mit der zuletzt gewählten Farbe vergleichen. Um zwei Farbtöne im Farbbereich zu vergleichen, klickst Du einfach an eine Stelle, die dann zu der "Original-Farbe" wird und anschließend kannst Du dir eine zweite Farbe anzeigen lassen indem du mit geklickter Maus über den Farbbereich fährst. Die Vorschau zeigt Dir in Echtzeit den jeweiligen Farbton an. Wichtig: Bist Du in einem Dialog, um dort eine Farbe zu ändern, wird die aktuell verwendete Farbe in der Vorschau angezeigt. Solange du mit gedrückter Maustaste eine Farbe suchst, bleibt die Originalfarbe erhalten und Du kannst damit die neue Farbe vergleichen. Sobald Du aber durch Loslassen der Maustaste eine neue Farbe ausgewählt hast, wird die Vorschau mit der neuen Farbe gewählt, die nun als Basis dient.
4. Farbwerte
   Eine Farbe kann über verschiedene Werte-Tabellen beschrieben werden. Du kannst jederzeit natürlich Deine Farbe hierüber definieren. Beachte bitte, dass ein von Dir eingetragener Wert erst überprüft und angewendet wird, nachdem Du das Feld verlassen oder mit einem Return den Eintrag bestätigt hast. Bei ungültigen wird entweder der vorherige Wert wiederhergestellt oder versucht, Deine Eingabe zu verwenden. Gibst du zum Beispiel Buchstaben statt Zahlen ein, wird der alte Wert wiederhergestellt, da die Buchstaben nicht interpretiert werden können. Gibst du 400 bei einem RGB Wert ein, wird der maximale Wert (255) eingetragen. Du hast folgende Möglichkeiten, eine Farbe über einen Wert zu bestimmen:
• Hex
  Du bestimmst den Farbwert indem du den RGB Wert in Hexadizimal-Zahlen angibst. Der Wert besteht aus 6 Stellen, jeweils 2 Stellen für Rot (R), Grün(G) und Blau(B). Erlaubt sind 16 Zeichen, und zwar die Ziffern 0 bis 0 und die Buchstaben A bis F. Dabei ist der Wert 00 = 0 und der Wert FF = 255. Du kannst also mit den 6 Zeichen alle RGB-Werte von 0-255 darstellen und zwar für jede der drei Farben. Sobald ein von Dir eingegebener Wert geprüft und bestätigt ist, wird die entsprechende Farbe im Farbbereich angezeigt.
• RGB
  Wenn Du lieber den RGB-Wert Deiner Farbe direkt angeben möchtest, kannst du dass in den drei Feldern für Rot, Grün und Blau. Erlaubt sind Werte von 0 bis 255. Insgesamt können so 16,7 Millionen Farbtöne beschrieben werden. Mehr Informationen findest du auf der Seite http://www.farb-tabelle.de/de/farbtabelle.htm.
• HSV
  HSV bedeutet Farbwinkel H auf einem Farbkreis (z.B. 0 Grad = Rot, 120 Grad = Grün, 240 Grad = Blau), Sättigung S in Prozent (0% = Neutralgrau, 50% = wenig gesättigte Farbe, 100% = gesättigte, reine Farbe) und H = Hellwert V in Prozent (0% = keine Helligkeit, 100% = volle Helligkeit). Wer mehr über Farben wissen möchte kann sich den Artikel Farbwahrnehmung ansehen, der in Wikipedia zu finden ist: http://de.wikipedia.org/wiki/Farbwahrnehmung
5. Farbpalette
   Die Farbpalette dient dazu, einen Teil der Webfarben sortiert darzustellen, so dass man mit einem Klick einen Ton auswählen kann. Insgesamt stehen so 100 Farbtöne zur Verfügung incl. einer Vielzahl an Grautönen.
6. Farbarchiv
   Mit dem Farbarchiv bekommst Du die Möglichkeit, eine Sammlung von bis zu 32 Farben anzulegen, auf die Du dann von überall zugreifen kannst. Möchtest Du zum Beispiel bestimmte Elemente immer in dem selben Grün darstellen, legst Du dieses Grün einfach in dein Archiv und kannst dann sicher sein, dass auf jeder Seite auch das gleiche Grün verwendet wird, sofern Du bei Deiner Farbwahl natürlich die Farbe aus dem Archiv benutzt. Das spart eine Menge Arbeit und sorgt für eine homogene, professionelle Webseite.
7. Farbe zum Archiv hinzufügen
   Hast Du mit dem Farbkreis oder der Palette eine Farbe ausgewählt, die noch nicht im Archiv ist, kannst Du mit diesem Button die ausgewählte Farbe in das Archiv speichern.
8. Farbe aus Archiv löschen
   Ist die Farbe, die Du gerade ausgewählt hast, bereits im Archiv, so wird der Farbton im Archiv umrandet dargestellt und Du kannst mit diesem Button die Farbe aus dem Archiv löschen. Selbstverständlich behalten die Elemente auf Deiner Webseite, die diese Archivfarbe benutzen, Ihre Farbe.
9. Farbe anwenden
   Hast Du dich für eine Farbe entschieden, klickst Du auf den Button "Übernehmen" (Apply), der Dialog schließt sich und die Farbe wird dem ausgewählten Element zugewiesen.
10. Dialog beenden
    Möchtest Du keine Veränderung vornehmen, kannst Du den Dialog mit dem Button "Abbrechen" (Cancel) schließen und das ausgewählte Element behält die ursprüngliche Farbe.

Mit der Farbauswahl hat man die Möglichkeit, beliebig viele eigene Farben zu erzeugen und anzuwenden. Die Farbpalette ist lediglich eine kleine Auswahl von Standardfarben. Die Zusammenfassung der Farbauswahl in einen Dialog erleichtert die Auswahl und Erstellung von Farben und spart Zeit. Mit dem erweiterten Farbarchiv kann man nun bis zu 32 Farben ablegen und verwalten. Dieses Farbarchiv bleibt auch erhalten, wenn das Design gewechselt wird.

Besonderheiten alter Text-Editor (Page4 Simple Editor)

Aus technischen Gründen war es allerdings notwendig, im alten Texteditor die Verlinkung zum Farbkreis zu entfernen. Man kann dort natürlich weiterhin jede Farbe nutzen, indem man direkt den HEX-Code eingibt oder auf das Farbarchiv zurückgreift. Es werden dort die ersten 20 eigenen Farben angezeigt. Solltest Du immer noch den alten Text-Editor nutzen, bitten wir für diese Maßnahme um Verständnis. Wir empfehlen allerdings dringend, nach Möglichkeit neue Texte mit dem neuen Editor zu erstellen da dieser viel mehr Möglichkeiten bietet und optimierten Code erzeugt.