Webwork-Tools - Dem Webworker seine Werkzeugkiste



CSS-Prism: Farbwerte aus einer CSS-Datei rauslesen

Von Perun am 05. August 2009 um 07:45

CSS-Prism ist ein Online-Dienst welcher die Farben bzw. die Farbwerte aus einer CSS-Datei herauslesen kann:

CSS-Prism im Einsatz

CSS-Prism im Einsatz

Die herausgelesenen Farbwerte werden als anklickbare Farbbalken inkl. Farbwert aufgelistet. Klickt man auf so einen Farbbalken, dann gelangt man zu den einzelnen Farbwert mit zusätzlichen Infos ("in welcher Code-Zeile befindet sich der Farbwert?") und der Möglichkeit den Farbwert zu bearbeiten.

Einzelne Farbwerte bearbeiten

Einzelne Farbwerte bearbeiten

Das Tool liest automatisch die Farbwerte aus einer CSS-Datei und zwar entweder in dem man den vollständigen Pfad der Datei auf der Website eingibt oder in dem man das Bookmarklet benutzt welches auf der Website von CSS-Prism angeboten wird. Beim Benutzen des Bookmarklets reicht es, dass selbige zu benutzen wenn man sich auf der jeweiligen Website befindet. Das Bookmarklet präsentiert dann die Verweise zu den einzelnen CSS-Dateien, die im Quelltext referenziert wurden d. h. man muss den Pfad der CSS-Datei nicht kennen.

Diesen Artikel weiterempfehlen:
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • MisterWong.DE
  • Technorati
  • Twitter
  • Webnews.de
  • Yigg
  • Wikio DE

Verwandte Artikel

Eigenwerbung: unsere Bücher (WordPress und Webwork-Tools)

 — 


7 Reaktionen auf diesen Beitrag »»

Kommentare

  1. Alex sagte am
    5. August 2009 um 21:34 folgendes:

    Klingt nach einem praktischen Tool, auf jeden Fall komfortabler als mit Firebug auf jedes Element zu klicken und sich den Farbcode abzuschreiben.

  2. Eric sagte am
    6. August 2009 um 11:42 folgendes:

    nettes tool. lese hier imemr viel mit. aber der nutzen voon prism erschließt sich mir nur überhaupt nicht. grafische arbeiten finden immer in photoshop/indesign. auch für kleine tests mal eben auf der schnelle, habe ich da doch vielmehr möglichkeiten?

  3. Perun sagte am
    7. August 2009 um 01:45 folgendes:

    @Eric,

    ich verstehe dein Vergleich mit Photoshop nicht. Das CSS-Prism kann mit einem Klick alle Farben aus einer CSS-Datei herauslesen und man kann die on-the-fly ändern. Das kann Photoshop nicht. Und das Tool kann dir z. B. helfen, wenn du auf Recherche nach neuen Farbenkombinationen bist und du online eine Website entdeckst, die interessante Farben einsetzt.

  4. Eric sagte am
    7. August 2009 um 07:37 folgendes:

    ok dann haben wir ganz unterschiedliche workflows.

  5. Perun sagte am
    8. August 2009 um 00:03 folgendes:

    @Eric,

    ok dann haben wir ganz unterschiedliche workflows.

    in Köln sagt man dazu: "Jede Jeck es anders" :-)

  6. Eric sagte am
    8. August 2009 um 10:53 folgendes:

    und das ist auch gut so ;)

Trackbacks und Pingbacks

  1. Farben von einer CSS Datei darstellen » Gif-Grafiken.de

Hinterlasse einen Kommentar

XHTML (folgende Tags sind erlaubt): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu &lt;).