ColorBug 3.1

ColorBug ist ein praktisches Color-Picker Tool, welches das Auswählen von Farben erleichtert. Sie können damit einfach Farben aus anderen Anwendungen bestimmen, und zueinander passende Farben finden. Dies ist besonders praktisch für die Gestaltung von Webseiten, aber auch für viele andere grafische Arbeiten.

• Auf dem grossen Testfeld können ausgewählte Farben gut beurteilt werden.
• Neben der Hintergrundfarbe kann auch eine Vordergrundfarbe ausgewählt werden, so sieht man sofort, ob die Farben harmonisch wirken.
• Verändere Farben im intuitiven HSL System (Farbton, Sättigung, Leuchtkraft).
• Vom Desktop können Schnappschüsse gemacht werden, danach kann die Farbe aus der vergrösserten Anzeige gepickt werden.
• Farben können per Drag&Drop in benutzerdefinierte Paletten gespeichert werden.
• Es existieren verschiedene vordefinierte Farbpaletten mit benannten Farben.
• Importiere und exportiere Farbpaletten in das GIMP (*.gpl), das Paint-Shop-Pro (*.PspPalette) und das Adobe-Swatch-Exchange (*.ase) Format.
• Erstelle Farbgradiente und exportiere sie nach CSS, die CSS Vorlage kann angepasst werden.
• Wähle zwischen verschiedenen Formaten von Farbcodes, darunter der HTML-hex Code und die RGB Darstellung.

Farben können von den Farbknöpfen zur Farbpalette gezogen werden um sie zu speichern, oder zurück eine Farbe zu setzen. Dasselbe funktioniert auch zwischen den Farbknöpfen, sogar wenn diese auf verschiedenen Fenstern platziert sind.

Mit dem Farbregler und dem Farbpicker kann die Farbe des aktiven Farbknopfes eingestellt werden, sogar wenn sich dieser auf einem anderen Fenster befindet.

Mit dem Gradient Werkzeug lassen sich einfach Gradiente erstellen, indem am Regler die Stärke des Gradienten eingestellt wird. Die Gradiente können als CSS Code exportiert werden, um sie direkt in ein Style-Sheet einzubauen.

	.gradient {
	background-color: #0089c1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#08b1f7), to(#005e84));
	background-image: -webkit-linear-gradient(top, #08b1f7, #005e84);
	background-image: -moz-linear-gradient(top, #08b1f7, #005e84);
	background-image: -o-linear-gradient(top, #08b1f7, #005e84);
	background-image: linear-gradient(to bottom, #08b1f7, #005e84);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08b1f7', endColorstr='#005e84');
	}
	

Falls das Standardformat nicht zu Ihren bereits existierenden Style-Sheets passt, oder falls Sie nicht die ganze Palette an Browsern unterstützen müssen, können Sie eine eigene Vorlage definieren.

Oft haben wir einen gegebenen Hintergrund von einem Foto oder von einem bereits existierenden Design einer Webseite, und wir suchen eine passende Textfarbe dazu. Dieses kleine Video zeigt, wie man eine solche Farbe einfach finden kann.

• Zuerst machen wir einen Schnappschuss von einem Teil des Bildes, welcher den Hintergrund gut repräsentiert.
• Dann picken wir eine Farbe als Hintergrundfarbe.
• Wir ziehen nun die Hintergrundfarbe zum Vordergrundfarben-Knopf, um beide Farben gleich zu machen.
• Jetzt können wir mit dem Leuchtkraft-Regler herumspielen, dabei aber die anderen Parameter unverändert lassen. All diese Farben führen keinen neuen Farbton ein und passen deshalb zum Bild.

Die wirkliche Farbe eines Textes ab dem Bildschirm zu bestimmen kann eine ziemliche Herausforderung sein, weil heutzutage die meisten Texte mit Antialiasing gezeichnet werden. Das Antialiasing trennt das Originalpixel horizontal in mehrere Pixels unterschiedlicher Farbe auf. Dies sieht man sehr gut am vertikalen Teil des "T". Kann man nun einen horizontalen Teil mit einer genügenden Länge finden, wie beim horizontalen Teil des "T", so kann die Farbe von dort gepickt werden.