Schnelle Farbwechsel mit CSS Prism

Heute Morgen bin ich beim ziellosen Stöbern im Netz auf einen ausgesprochen nützlichen Dienst gestolpert. Mittels der Seite cssprism.com kann die Farbgebung eines Stylesheet auf einfachste Weise in wenigen Klicks verändert werden. Auf diesen Weg lassen sich in kurzer Zeit verschiedene Farbschemen für eine Seite testen, oder auch nur das allgemeine Farbspektrum der Seite analysiert werden.

Die Handhabung ist dabei ausgesprochen einfach gehalten und leicht verständlich. Auf der Startseite muss der Pfad zum Stylesheet angegeben werden. Derzeit ist dies nur mit bereits online gestellten Stylesheets möglich. Eine Funktion für den Upload einer Datei fehlt leider.

Nachdem das Stylesheet geladen wurde, öffnet sich der Editor von CSS Prism. Sämtliche im Stylesheet gefundenen Farben werden in Balken, nach ihren Farbwerten sortiert gelistet. Ein Klick auf einen der Farbwerte verrät nicht nur dessen Hexcode, sondern auch in welchen IDs und Classes er Verwendung findet. Über einen Farbwähler lässt sich die Farbe gegen eine beliebige Andere tauschen.

Das so veränderte Stylesheet lässt sich anschließend ausgeben und abspeichern. Nützlich ist auch das von CSS Prism angebotene Bookmark. Mit diesen wird auf Knopfdruck das jeweilige Stylesheet der gerade besuchten Seite geladen. Mit nur drei kurzen Klicks erfährt man so alles über die verwendeten Farben der jeweiligen Seite.

Optimal wäre natürlich eine Anbindung wie sie in Chrome, Opera und dank Firebug in Firefox vorkommt und Änderungen am Code direkt auf der Seite anzeigt. So muss das Stylesheet für eine Liveansicht erst noch in den Code integriert werden. Aber das ist eigentlich auch schon der einzige Wermutstropfen an dieser nützlichen Arbeitshilfe.