Mit Whatsitscolor Farben aus Fotos extrahieren

http://whatsitscolor.com/

Wie Sie mit Whatsitscolor ein Farbschema aus einem Bild extrahieren

Auf der Webseite von Whatsitscolor haben Sie die Möglichkeit, für jedes von Ihnen hochgeladene Bild die Gesamt-Anzahl der in der Grafik vorhandenen Farben zu ermitteln.

Beispiel:

Ich habe das Logo der Webseite Whatsitscolor als Vorlage genommen, um Ihnen das Online-Tool näher erklären zu können.

Wie Sie sehen können, wurden vom Online-Editor insgesamt 89 verschiedene sichtbare Farben ermittelt. Die Top-10 werden bei jeder hochgeladenen Grafik gesondert ausgewiesen.

Ganz besonders interessant finde ich die Ermittlung der Hauptfarbe (= Dominant Average Color: #e3ece2) und der dazu passende Komplementär-Farbe (Complementary Dominant Average Color: #ebe2ec), welche als Hintergrund-Farbe empfohlen wird.

Dieses Tool kann sehr nützlich bei Überlegungen sein, welche Farben am besten zu einem Bild passen.

Sehen Sie dazu noch ein weiteres Beispiel

Ähnliche Artikel:
Farbkombinationen auf Colorcombos
Hintergrundfarben für Webseiten online testen
Farben von x-beliebigen Webseiten online ansehen
Farbkombinationen und Color Tools auf www.colorjack.com
Color Picker 3.1 auf www.pagetutor.com
Colors Palette Generator auf CSSdrive.com
Standardisierte Farbnamen und Grundfarben nach CSS 2.1

Standardisierte Farbnamen und Grundfarben nach CSS 2.1

Grundfarben nach CSS 2.1 und Standardisierte Farbnamen

Im Internet werden Farben üblicherweise durch Angabe des Hexadezimalwerts angegeben.
Für einige Farben ist es auch möglich, statt des Hexadezimalwerts einen Farbnamen (benannte Farben, named colours) anzugeben.

17 Grundfarben nach CSS 2.1

17 Grundfarben nach CSS 2.1:
Black		000000		Green		008000
Silver		C0C0C0		Lime		00FF00
Gray		808080		Olive		808000
White		FFFFFF		Yellow		FFFF00
Maroon		800000		Navy		000080
Red		FF0000		Blue		0000FF
Purple		800080		Teal		008080
Fuchsia		FF00FF		Aqua		00FFFF
Orange		FFA500

Standardisierte Farbnamen

HTML und CSS bieten eine bequeme Alternative, Farben zu definieren: Die Farbnamen. Dank dieser Farbnamen wird zum Beispiel  in HTML einfach anstatt <font-color=“#000000″> die Bezeichnung <font-color=“black“> eingegeben, das Resultat ist bei beiden Varianten schwarze Schriftfarbe, nur kann man sich die zweite Möglichkeit besser merken.

Ich stelle Ihnen in dieser Übersicht die bekanntesten Farbnamen vor. Zusätzlich finden Sie noch deren hexadezimalen Farbcode, der zum Einsatz kommen muss, wenn mit HTML- bzw. CSS-Editoren gearbeitet wird.

Standardisierte Farbnamen – Web Color Names Chart
aliceblue #F0F8FF	antiquewhite #FAEBD7	aqua #00FFFF	aquamarine #7FFFD4
azure #F0FFFF	beige #F5F5DC	bisque #FFE4C4	black #000000
blanchedalmond #FFEBCD	blue #0000FF	blueviolet #8A2BE2	brown #A52A2A
burlywood #DEB887	cadetblue #5F9EA0	chartreuse #7FFF00	chocolate #D2691E
coral #FF7F50	cornflowerblue #6495ED	cornsilk #FFF8DC	crimson #DC143C
cyan #00FFFF	darkblue #00008B	darkcyan #008B8B	darkgoldenrod #B8860B
darkgray #A9A9A9	darkgreen #006400	darkkhaki #BDB76B	darkmagenta #8B008B
darkolivegreen #556B2F	darkorange #FF8C00	darkorchid #9932CC	darkred #8B0000
darksalmon #E9967A	darkseagreen #8FBC8B	darkslateblue #483D8B	darkslategray #2F4F4F
darkturquoise #00CED1	darkviolet #9400D3	deeppink #FF1493	deepskyblue #00BFFF
dimgray #696969	dodgerblue #1E90FF	firebrick #B22222	floralwhite #FFFAF0
forestgreen #228B22	fuchsia #FF00FF	gainsboro #DCDCDC	ghostwhite #F8F8FF
gold #FFD700	goldenrod #DAA520	gray #808080	green #008000
greenyellow #ADFF2F	honeydew #F0FFF0	hotpink #FF69B4	indianred #CD5C5C
indigo #4B0082	ivory #FFFFF0	khaki #F0E68C	lavender #E6E6FA
lavenderblush #FFF0F5	lawngreen #7CFC00	lemonchiffon #FFFACD	lightblue #ADD8E6
lightcoral #F08080	lightcyan #E0FFFF	lightgoldenrodyellow #FAFAD2	lightgreen #90EE90
lightgrey #D3D3D3	lightpink #FFB6C1	lightsalmon #FFA07A	lightseagreen #20B2AA
lightskyblue #87CEFA	lightslategray #778899	lightsteelblue #B0C4DE	lightyellow #FFFFE0
lime #00FF00	limegreen #32CD32	linen #FAF0E6	magenta #FF00FF
maroon #800000	mediumaquamarine #66CDAA	mediumblue #0000CD	mediumorchid #BA55D3
mediumpurple #9370DB	mediumseagreen #3CB371	mediumslateblue #7B68EE	mediumspringgreen #00FA9A
mediumturquoise #48D1CC	mediumvioletred #C71585	midnightblue #191970	mintcream #F5FFFA
mistyrose #FFE4E1	moccasin #FFE4B5	navajowhite #FFDEAD	navy #000080
oldlace #FDF5E6	olive #808000	olivedrab #6B8E23	orange #FFA500
orangered #FF4500	orchid #DA70D6	palegoldenrod #EEE8AA	palegreen #98FB98
paleturquoise #AFEEEE	palevioletred #DB7093	papayawhip #FFEFD5	peachpuff #FFDAB9
peru #CD853F	pink #FFC0CB	plum #DDA0DD	powderblue #B0E0E6
purple #800080	red #FF0000	rosybrown #BC8F8F	royalblue #4169E1
saddlebrown #8B4513	salmon #FA8072	sandybrown #F4A460	seagreen #2E8B57
seashell #FFF5EE	sienna #A0522D	silver #C0C0C0	skyblue #87CEEB
slateblue #6A5ACD	slategray #708090	snow #FFFAFA	springgreen #00FF7F
steelblue #4682B4	tan #D2B48C	teal #008080	thistle #D8BFD8
tomato #FF6347	turquoise #40E0D0	violet #EE82EE	wheat #F5DEB3
white #FFFFFF	whitesmoke #F5F5F5	yellow #FFFF00	yellowgreen #9ACD32
HTML bietet eine bequeme Alternative, Farben zu definieren: Die Farbnamen. Dank ihrer wird einfach anstatt <font color=“#000000″> <font color=“black“> eingegeben, das Resultat ist bei beiden Varianten schwarze Schriftfarbe, nur kann man sich die zweite Möglichkeit besser merken.

Ähnliche Artikel:
Farbenlehre
Farbkombinationen auf Colorcombos
Farbtabelle: 216 sichere Webfarben
Webfarben: Farbton grün, Farbton gelb
Webfarben: Farbton blau, Farbton purpur/violett
Webfarben: Farbton rot und pink
Webfarben: verschieden Farbtöne (Mix)

Colors Palette Generator auf CSSdrive.com

http://www.cssdrive.com/imagepalette/

Auf der Webseite http://www.cssdrive.com/imagepalette/ habe ich ein interessantes Online-Tool entdeckt, mit dem Sie schnell und einfach Farbpaletten generieren können.

Vorgangsweise:

Wählen Sie ein Foto aus und drücken Sie die Taste „GET PALETTE“:

Beispiel-Foto

In einigen Sekunden erhalten Sie die fertige Farbpalette, welche sie entweder als CSS stylesheet (.css file) oder als Photoshop swatches (.aco file) abspeichern können.

Für das Muster-Beispiel sieht die Farbpalette wie folgt aus:

Das Online-Tool generiert für jede von Ihnen ausgewählte Grafik 4 verschiedene Farbpaletten.

a) Light Color Palette (helle Farben)
b) Medium Color Palette (mittlere Farben)
c) Dark Color Palette (dunkle Farben)
d) Complete Color Palette (alle Farben in einer Palette)

Ähnliche Artikel:

Color Picker 3.1 auf www.pagetutor.com
Hintergrundfarben für Webseiten online testen
Farben von x-beliebigen Webseiten online ansehen
Website Galllery screenalicious.com:Farbpaletten und Farbschemata
Farbkombinationen und Color Tools auf www.colorjack.com

Color Picker 3.1 auf www.pagetutor.com

http://www.pagetutor.com/colorpicker/index.html

Auf der Webseite www.pagetutor.com habe ich ein wirklich empfehlenswertes Color Tool entdeckt.
Mit dem Color Picker 3.1 haben Sie die Möglichkeit, eine Testseite zu gestalten und dabei die Wirkung der eingesetzten Farben sofort online zu testen.

Farb-Einstellungen:

Einstellung von Text, Link, Hover, Visited Link, Active Link und Background-Color (Hintergrund-Farbe) oder Background-Image (Hintergrund-Grafik: bitte komplette URL der Grafik angeben wie zum Beispiel: http://www.mydomain.com/myback.jpg!).

Daneben können Sie auch die Schriftart und Schriftgröße einstellen und festlegen, ob der Text zusätzlich fett gedruckt (bold) oder kursiv (italic) dargestellt werden soll.

Mein Muster-Beispiel:

Ähnliche Artikel:

Farbkombinationen auf Colorcombos
ColorSchemeGenerator2 – Farbpaletten für Webseiten
Farbschema: Farbpaletten für Webseiten
Hintergrundfarben für Webseiten online testen
Farben von x-beliebigen Webseiten online ansehen
Farbkombinationen und Color Tools auf www.colorjack.com

Farbkombinationen und Color Tools auf www.colorjack.com

http://www.colorjack.com/

Wenn Sie auf der Suche nach interessanten Farb-Kombinationen sind, sind Sie hier richtig:

ColorJack.com ist eine Webseite, die sich speziell mit Color-Tools und Color Software beschäftigt. Wenn Sie das erste Mal auf dieser Seite landen, sehen Sie zuerst eine Sammlung von insgesamt 94 Farb-Kombinationen (Color Combinations).

Fahren Sie mit der Maus über die Farben und es erscheint ein Tooltip mit der Nummer der Farbpalette.

Wenn Sie nun auf eine Farbkombination klicken, erscheint das vergrößerte Farbschema. Durch Überfahren der einzelnen Farben mit der Maus erscheint im Fußbereich der Kombination die jeweilige Farb-Nummer.

Neben den Farbpaletten gibt es auf ColorJack.com auch noch 3 weitere Colortools, die es wert sind, angesehen zu werden:

http://www.colorjack.com/labs/galaxy/

http://www.colorjack.com/sphere/

http://www.colorjack.com/studio/

Ähnliche Artikel:

Farbkombinationen auf Colorcombos [27. Mai 2008]
ColorSchemeGenerator2 – Farbpaletten für Webseiten [22. Juni 2008]
Farbtabelle: 216 sichere Webfarben [26. August 2008]
Webfarben: Farbton grün, Farbton gelb; [27. August 2008]
Webfarben: Farbton blau, Farbton purpur/violett [27. August 2008]
Webfarben: Farbton rot und pink [27. August 2008]
Webfarben: verschieden Farbtöne (Mix) [27. August 2008]