Sura 1 Artworks

Acrylmalerei, Mischtechniken, Webdesign

Archive for the ‘Farben’ Category

Mit Whatsitscolor Farben aus Fotos extrahieren

Posted by sura1 - 31. März 2009

silver31
Bookmark and Share

http://whatsitscolor.com/

whatsitscolor_screenshot

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:

whatsitscolor_sample

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

whatsitscolor_sample1

gradient19

Posted in Farben | Verschlagwortet mit: , , , , , , , , , , | Leave a Comment »

Standardisierte Farbnamen und Grundfarben nach CSS 2.1

Posted by sura1 - 27. Februar 2009

februar_27
Bookmark and Share

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)

Posted in Farben | Verschlagwortet mit: , , , , , , , , , | Leave a Comment »

Colors Palette Generator auf CSSdrive.com

Posted by sura1 - 12. Februar 2009

februar_12
Bookmark and Share

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

colorpalettegenerator_screenshot

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

colorpalettegenerator2

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:

colorpalettegenerator1

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

Posted in Farben | Verschlagwortet mit: , , , , , , , , , , | Leave a Comment »

Color Picker 3.1 auf www.pagetutor.com

Posted by sura1 - 1. Januar 2009

jan01_128x1281
Bookmark and Share

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

colorpicker31

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:

colorpicker3_1

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:

colorpicker_sample

Ä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

Posted in Farben | Verschlagwortet mit: , , , , , , , | Leave a Comment »

Farbkombinationen und Color Tools auf www.colorjack.com

Posted by sura1 - 15. Dezember 2008

dez15
Bookmark and Share

http://www.colorjack.com/

snapshot1

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.

colorjack

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.

colorjack1

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/

color-galaxy

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

colorsphere

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

colorstudio

gefunden_unter

Ä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]

Posted in Farben | Verschlagwortet mit: , , , , , , , , , | Leave a Comment »