Webwork-Tools - Dem Webworker seine Werkzeugkiste



ColorHexa: Farbtool mit vielen Infos

Von Vladimir am 29. April 2013 um 14:55

ColorHexa ist ein sehr ausgefeiltes, webbasiertes Farbtool welches viele Informationen über einen Farbwert liefert. Im Suchschlitz kann man unter anderem die RGB-Farbwerte eingeben und dabei sogar in Kurzform: #abc anstatt #aabbcc.

Suche nach Farbe in ColorHexa

Der jeweilige Farbwert ist dann auch unter der entsprechenden URL aufrufbar: #abc bzw. #aabbcc findet man dann unter www.colorhexa.com/aabbcc.

Anschließend bekommt man zu der jeweilige Farbe diverse Infos. Zuerst wären dies Informationen allgemeiner Natur, aus welchen Farben setzt sich der Farbwert im RGB- und CMYK-Farbraum zusammen. weiterlesen…

Farbpaletten in 3D

Von Sahanya am 18. November 2012 um 14:33

Nicht nur Kinofilme gibt es mittlerweile in 3D, sondern auch Farbpaletten. Bei ColoRotate kann man sich seine Farbpalette oder eine dort bereits hinterlegte Farbpalette in 3D anschauen und hat dabei unzählige Möglichkeiten. So kann man die Farbsättigung, die Helligkeit, den Kontrast und den Blickwinkel nach Belieben variieren. weiterlesen…

Kommentare deaktiviert

ColorSchemer Studio: leistungsfähige Farbverwaltung und Inspirationsquelle

Von Vladimir am 07. Oktober 2012 um 14:35

Ich nutze schon seit mehreren Jahren das Farbwerkzeug ColorSchemer Studio. Das Tool kann auch die Farbwerte herauspicken, aber das ist nur eine der vielen Funktionen. Zu dem ausgesuchten Farbwert kann man weitere passende Farben suchen: zum Beispiel analoge oder komplementäre Farbwerte.

ColorSchemer Studio: das Farbrad

Man kann vieles an dem ausgesuchten Farbwert anpassen und interessant ist der Knopf unten links mit dem Namen Websmart. Hierbei handelt es sich um eine Farbpalette die aus 4096 Farben besteht und die Farbwerte sind daran erkennbar, dass man deren hexadezimalen Werte abkürzen kann. Hier ein paar websmarte Farben und deren Kurzschreibweise: weiterlesen…

Kommentare deaktiviert

Webdesign: Variationen einer Farbe herausfinden

Von Vladimir am 22. Januar 2011 um 10:12

0 to 255 ist ein Online-Dienst, der es einem ermöglicht von einer bestimmten Farbe hellere und/oder dunklere Variationen herauszufinden. Einfach auf der Website mit dem Picker aus der Auswahl eine Farbe wählen oder in das Feld den hexadezimalen Farbwert eintippen.

Variationen einer Farbe

Variationen einer Farbe

Man kann aber noch viel schneller an das Ergebnis drankommen. Einfach an die URL http://0to255.com den hexadezimalen Farbwert ohne das Rautezeichen einfügen. Dabei wird auch die CSS-Kurzschreibweise unterstützt.

Um zu den Farbvariationen zu gelangen, wie sie in der Abbildung zu sehen sind, reicht es http://0to255.com/c60 aufzurufen.

Und so ein Kurzlink hat nicht nur den Vorteil, dass man schneller zum Ziel kommt sondern auch das man es auch leichter weitergeben kann.

Kommentare deaktiviert

Farbdeutung in verschiedenen Kulturen

Von Sahanya am 28. Juni 2010 um 09:38

Farben sind für die Visualisierung von Sachverhalten immens wichtig. Umso besser, wenn man weiß welche Farbe womit assoziiert wird. Der Dienst bzw. die Website Cymbolism, den ich in dem Artikel Symbolfarben schon einmal vorgestellt habe, möchte dieser Frage näher kommen, indem die Besucher der Seite angeben können welche Farbe sie mit einem bestimmten Begriff (mittlerweile sind es über 250 Wörter) assoziieren. Gleichzeitig kann man als Besucher aber auch die Ergebnisse von momentan über 500.000 abgegebenen Stimmen ansehen. weiterlesen…

Eine Website wie ein Superheld

Von Sahanya am 13. Juli 2009 um 13:18

Welche Farbkombination man einer neuen Website gibt, ist oft gar nicht so einfach. Wie wäre es denn einfach damit der Website die Farben von Batman oder Superman zu geben? Oder gefällt das Grün von Hulk besser? In der little box of ideas hat man sich die Mühe gemacht und von 8 Superhelden die Farbpaletten erstellt. Diese können als ASE-Dateien (gezippt) heruntergeladen werden. Ursprünglich gedacht sind sie für die Kolorierung von eigenen Superhelden, aber wie gesagt, warum nicht eine Website (farblich), wie einen Superhelden gestalten?

Via Designer in Action

Der Generator ist jetzt der Designer – Farbschemata online generieren

Von Sahanya am 08. Februar 2009 um 15:55

Der Color schemes generator 2 ist von Grund auf überarbeitet worden, auf eine neue Domain umgezogen und nennt sich nun Color Scheme Designer – Version 3.0. Grund genug sich die Veränderungen – und die sind beachtlich – anzuschauen.

Color Scheme Designer

Color Scheme Designer

Wie gehabt kann man sich auf dem Farbkreis eine Farbe aussuchen und sich dann Farbschema anzeigen lassen, die einer der folgenden Einstellungen folgen:

  • mono: Es werden nur Varianten der Basisfarbe gezeigt. Die Varianten werden durch Veränderung von Sättigung und Helligkeit erreicht
  • complement: Es wird die Komplementärfarbe der Basisfarbe gezeigt, d. h. man hat immer eine warme und eine kalte Farbe.
  • triad: Es werden die zwei Farben neben der Komplementärfarbe der Basisfarbe gezeigt.
  • tetrag: Vier Farben, die sich gegenüber stehen.
  • analogic: drei Farben, die der Basisfarbe gegenüber stehen.
  • accented analogic: wie "analoic", aber ergänzt um die Komplementärfarbe

Der Modus "accented analogic" ist mit dieser Version übrigens dazu gekommen. weiterlesen…

Monitor "kalibrierien" bzw. einstellen

Von Vladimir am 30. November 2008 um 22:04
Ein Graukeil

Ein Graukeil

Wer kennt das nicht, man kauft sich einen neuen Monitor, schließt den an und irgendwie ist man nicht zufrieden. Die Farben wirken irgendwie komisch und alles ist zu hell.

Speziell bei den neueren Monitoren besteht die Standardeinstellung aus maximalen Helligkeits- und Kontrastwerten. Das mag noch bei Filmen, Fotos und dunkleren Hintergründen gut rüberkommen, aber wenn man viel im Web unterwegs ist oder die "klassische" Büroarbeit erledigt, dann hat man es viel mit hellen Hintergründen zu tun und hier dann die Standardeinstellung nicht nur nervig sondern auch unerträglich sein.

Hier hat man dann die Möglichkeit am Monitor selber die Werte (Helligkeit, Kontrast, Gamma etc.) anzupassen. Allerdings gibt es einige Monitore, bei denen fängt das Netzteil bei niedrigeren Helligkeits- und Kontrastwerten zu brummen. Das kann speziell bei den größeren Monitoren, die das Netzteil im Standfuß haben, zu einer nervigen Angelegenheit werden. Hierbei kann man sich behelfen in dem man die Werte in der Verwaltung der Grafikkarte anpasst.

Monitor kalibrieren

Um herauszufinden ob die getätigten Einstellungen auch in Ordnung sind, gibt es viele Möglichkeiten. Grafikdesigner und Leute die z. B. im Print-Bereich arbeiten werden hierbei auf spezielle Programme und Geräte zurückgreifen. Das ist aber imho für einen Webworker – also im Web – nicht notwendig und hier reicht es sich an Hand der folgenden Websites zu orientieren:

Mit Hilfe der Testbildern und Anleitungen auf den oberen Websites kann man relativ leicht seinen Monitor einstellen, so dass es für den Hausgebrauch und für das Web reicht.

Palette Grabber: Farben einer Website als Datei

Von Vladimir am 29. September 2008 um 17:37
Import neuer Farbpalette in Paint.NET

Import neuer Farbpalette in Paint.NET

Ich möchte hier kurz die Firefox-Erweiterung mit dem Namen "Palette Grabber" vorstellen. Sie ermöglicht es, mit einem Klick die Farben einer Website in eine Datei abzuspeichern. Dabei stehen, mehrere Dateiformate bzw. Farbpaletten-Formate zur Verfügung:

  • Adobes Farbtabelle (.aco)
  • Adobe CS3-Palette (.aso)
  • Flash-Farbpalette (.clr)
  • Paint Shop Pro
  • GIMP
  • Adobe Fireworks
  • Mac OSX
  • Paint.NET
  • Textdatei mit hexadezimalen Werten (.txt)
  • Textdatei mit dezimalen Werten

Ich habe die Anwendung jetzt schon mehrmals getestet und ich konnte ohne Probleme die Textdateien und die Farbpalette für Paint.NET generieren. Auch der Import in Paint.NET klappt (siehe Abbildung). Bei meinem Photoshop CS2 klappt allerdings der Import der .aco-Datei nicht, weil sich Photoshop über den Aufbau der Datei beschwert.

Hierbei weiß ich nicht ob das an der Erweiterung oder an meinem Photoshop liegt. Interessant wäre es auch zu wissen ob es in den anderen Anwendungen, wie z.B. GIMP oder Paint Shop Pro funktioniert.

Symbolfarben

Von Sahanya am 25. September 2008 um 18:38

Welche Farbe weckt welche Assoziation bzw. umgekehrt welche Farbe wird mit einem bestimmten Begriff assoziiert? Die Liebe ist rot, der Tod schwarz. Das sind noch herkömmliche Assoziaitonen, die jedem geläufig sind. Aber was ist mit dem Wort "Regierung"? Mit welcher Farbe wird das von den meisten Menschen in Verbindung gebracht? weiterlesen…

Kommentare deaktiviert
Archiv: 1 2 »»