HTML-Farbe

Vordergrundfarbe:

Das Problem ist klein und dennoch nachhaltig: Egal ob Bausatz-Homepage oder individuelle Webseitengestaltung - die optimale Kombination aus Vorder- und Hintergrundfarbe findet sich nicht von selbst.

Weiß unter schwarzem Text gilt zwar als das Non plus Ultra der Leserlichkeit. Aber gerade bei der Webpräsentation spielt eben auch die Gestaltung eine wichtige wenn nicht die Hauptrolle. Und dann empfiehlt sich der Einsatz eines sinnvollen Farbmixers wie HTML-Farbe. Aber was macht diesen Farbmischer so besonders?

mehr...

Screenshot dieser Seite

Hintergrundfarbe:

Resultierende Farbkombination:

Die Textfarbe und der Hintergrund dieses Beipieltextes basieren auf Ihrer Farbwahl.
Die Grauskala kann nicht verändert werden, vermittelt aber einen Einruck über den Schwarz-Weiß-Kontrast der ausgewählten Farben.
Ähnliche Grauwerte für die Text- und die Hintergrundfarbe sollten vermieden werden.
...um z.B. Farbblinde besser zu unterstützen.

Vordergrundfarbe (Hex):
Hintergrundfarbe (Hex):
Stylesheet-Format:
Sicherungs-URL:

Protokoll:

Was zeichnet den Farbmischer HTML-Farbe aus?

Kein Schnick-Schnack

Wir konzentrieren uns auf RGB. R für Rot oder Red, G für Grün oder Green und B für Blau oder Blue. Kein Hin- und Herspringen zwischen Farbräumen, keine wirren Umrechnungen! Stattdessen lassen sich hier die Farbwerte so abmischen, wie sie auch in den HTML-Code eingebunden werden können.

Funktionelle Selektoren

Jeder Farbbalken repräsentiert einen Farbkanal - für die Vorder- und Hintergrundfarbe jeweils in der Reihenfolge Rot, Grün und Blau. Steht der Selektor an einem Farbbalken weiter rechts, enthält die resultierende Farbe mehr Farbanteile dieses Kanals, steht er weiter links, ist der Farbanteil geringer.

Der graue Selektor markiert den aktuellen Farbanteil. Bereits die Mausebewegung über einem Farbbalken verändert die Position des grauen Selektors. Dagegen markiert der schwarze Selektor die zuletzt ausgewählte Farbe. Ein Klick auf einen Farbbalken verändert die Position des schwarzen Selektors und entsprechend auch die Farbcodes in den Textfeldern.

Vorausschauende Farbanzeige

Jeder Farbbalken zeigt immer einen Farbverlauf an, der jeweils in die Zukunft gerichtet ist. Es werden jeweils die Farben angezeigt, die Sie auswählen würden, wenn Sie in den Farbbalken auf die entsprechende Stelle klicken würden. Zur Leistungssteigerung wird immer nur jede vierte Farbe angezeigt. Da RGB aber sowieso auf 16 Millionen Werten (aus drei Bytes) weniger Farben abbildet, zeigen viele Werte gleiche Farben an und die Anzeigequalität der Farbbalken sollte akzeptabel sein. Trotz der reduzierten Farbbalken arbeitet die Auswahl wertgenau - alle möglichen Werte können selektiert werden.

Schnelles Kopieren der Farbcodes

Der Internet Explorer unterstützt das Kopieren von Text in die Zwischenablage. Wenn Sie diese Funktionalität für www.HTML-Farbe.de zulassen, können Sie die erzeugten Farbcodes per Buttonklick in die Zwischenablage kopieren. In jedem Fall markiert der Klick auf die Pfeil-nach-oben-Schalter den Farbcode und fokussiert das Textfeld, sodaß er auch mit [Strg]+C im Handumdrehen kopiert werden kann, wenn Ihr Browser Zwischenablagenoperationen unterdrückt oder aus Sicherheitsgründen deaktiviert hat.

Eigene Farben verändern

Sie haben eigene Farbcodes erstellt und wollen sie ändern? Kein Problem. Kopieren Sie diese in die Textfelder oder tippen Sie sie dort ein. Mit der Tabulator-Taste verlassen Sie das Textfeld, sodaß dann die Farbkanäle an den neuen Farbcode angepaßt werden. Ändern Sie die Farbe dort nach Belieben. Nicht in hexadezimalen Zahlen vorkommende Zeichen werden entfernt und zu kurze Farbcodes mit Nullen verlängert.

Zufallsfarben erzeugen

Lassen Sie den Zufall für sich arbeiten. Dabei können Sie sowohl die Vorder- und Hintergrundfarbe einzeln oder auf einen Schlag neu erzeugen lassen.

Umrechnung in dezimale Werte

Ein Farbkanal kann die dezimalen Werte 0 bis 255 annehmen. 0 bedeutet keine Farbkanalanteile oder dunkel, 255 alle Farbkanalanteile oder hell. Insbesondere wenn die hexadezimale Darstellung nicht so geläufig ist, kann die dezimale sehr hilfreich sein.

Extra Tipp

Oftmals werden nicht einzelne Farben, sondern ein komplettes Farbschema benötigt. In diesem Fall könnte dieses Tool hier nicht das optimale Ergebnis erzeugen, bzw. eher aufwendig in der Nutzung sein. Ein kleiner Kniff läßt das Finden miteinander harmonierender Farben zum Kinderspiel werden. Einfach mal die Digitalkamera mit einem Canon Auslöser und falls keiner vorhanden, meinetwegen mit irgendwelchem anderem Digitalkamerazubehör bestückt oder gar nicht aufgerüstet eine Blume fotografieren. Wenn ein gelbes Farbschema benötigt wird, eine gelbe Blume, eben die Blume passend zur Farbe. Mit der Pipette eines beliebigen Grafikeditors lassen sich dann nahezu unendlich viele zueinander passende Farben einer Farbgebung extrahieren.