Webdesign und Farb-Management

Sonntag, den 13. September 2009 um 17:56 Uhr

Farbkreis Neben den richtigen Texten und Bildern ist ein passendes und harmonisches Farbschema einer Webseite wichtig. Schließlich entscheiden auch die Farben, ob eine Webseite angenehm zu betrachten ist und Wiederbesucht wird. Die Farben der Hintergründe müssen mit denen der Texte, Menüs, Links, usw. abgestimmt sein, damit sie harmonisieren und einen guten Kontrast bilden. Nicht zuletzt Assoziiert man mit den verschiedenen Farben auch Attraktivität, Dynamik, Lebendigkeit oder Trauer. Aber gut angestimmte Farben kommen nicht einfach so von ungefähr.

Ich möchte euch heute 2 kostenlose Tools vorstellen, die euch bei Farben finden und richtig Einsätzen, unter die Arme greifen.

1. Color Scheme Designer 3

Als erstes möchte ich Das Online-Tool "Color Scheme Designer 3" vorstellen, der für die richtigen Farbkombinationen auf der Webseite sorgt. Dieses Tool macht nichts anderes, als die passenden Farbkombinationen zu finden. Man wählt auf dem Farbkreis die gewünschte Farbe aus und das Tool schlägt automatisch die richtige Kombination vor. Dabei kann man zwischen verschiedenen Farbkontrasten wählen wie: Monochrom, komplementär, triadisch, tetradisch, analog und analog mit Akzent. Zudem lassen sich der Farbton und die Sättigung des Farbschemas stufenlos anpassen.

Das besondere ist aber die Vorschau-Funktion. Mit der lässt sich ein Template mit Haeder, Navigation, Content-Bereich und Footer, wahlweise als helles oder dunkles Template, in den Wunschfarben anzeigen.

Hat man die richtige Farbzusammenstellung gefunden, kann man sich das Farbschema als HTML/CSS-Code, XML-Datei oder Textdatei runterladen. Auch die Exportfunktion einer Photoshop- und GIMP-Palette ist gegeben.

Fazit: Ein sehr gelungenes, nützliches und dazu noch leicht zu bedienendes Werkzeug für alle Web- und Grafikdesigner und gehört in die Grundausstattung.

Webseite: www.colorschemedesigner.com

Screenshots:

Bild vergrößern

2. Pixie

Pixie Das zweite kostenlose Tool nennt sich kurz und knapp "Pixie" und hilft die entsprechende Farbnummer einer bestimmten Farbe zu finden - nicht mehr und nicht weniger.

Diese kleine Software kommt ohne Installation aus, d.h. man muss es nur runterladen, das Icon am besten auf den Desktop platzieren und schon ist es Einsatzbereit. Bei einem Doppelklick auf das Icon erschein ein kleines (160x80 Pixel) Fenster, in dem die Werte eines jeden Pixels als HEX, HTML, RGB, CMYK und HSV-Code angezeigt werden. Dabei ist es völlig egal ob es sich um eine Webseite, ein Bild, PDF, Word oder sonst irgendeine Quelle handelt - es muss nur mit der Maus erreichbar sein. Alles was auf dem Monitor dargestellt wird, wird auch von Pixie erfasst. Das besondere dabei ist, dass dieses Tool stets im Vordergrund bleibt, egal was man gerade angeklickt hat.

Ein Rechtsklick irgendwo auf den Pixie zeigt die Hotkeys an, mit denen man einen gewünschten Farbwert in die Zwischenablage kopieren kann.

Fazit: Für mich eines der wichtigsten Werkzeuge, hat mir schon unzählige Male geholfen einen bestimmten Farbwert zu finden. Kann es nur jedem Empfehlen.

Webseite: www.nattyware.com

Als Favorit markieren

Lesezeichen setzen

Kommentare (6) add comment

RSS feed Kommentare

Hajopei said:

kuler unpraktisch
Aber kuler ist unpraktisch zu bedienen. Dafür ist dort wahrscheinlich die größte Auswahl an Anregungen vorhanden.
Ich glaube das perfekte Duo ist colorcombos (schnelles arbeiten möglich, komplementär farben können gezogen werden) dort kann man auch ein Template erzeugen (nicht so schön) und der color scheme designer.

Oktober 17, 2009

Alexandra said:

Nicht Flashbasierend und daher sehr gut
http://www.colorcombos.com/

Oktober 05, 2009

XFactory said:

absolut
.. übrigens: http://kuler.adobe.com/ sollte nicht unerwähnt bleiben! smilies/wink.gif

September 16, 2009

Adam said:

Stimmt...
...aber mit dem Color Scheme Designer hast du die Möglichkeit, das Template dir bereits im Vorfeld mit den Wunschfarben anzuschauen und zu experimentieren, ohne Artisteer starten zu müssen. Ist ein großer Vorteil smilies/wink.gif

September 15, 2009

XFactory said:

Auch Artisteer..
.. kann kombinierende Farbkombinationen erstellen! Dazu einfach 3 Grundfarben auswählen und unter Farbschema werden verwandte Farben angezeigt.

Dennoch, sehr hilfreiche tools - danke adam