von Thomas Salvador.
Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.
Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.
Hintergrundfarbe darkgreen | Schriftfarbe cornsilk | |||||
Detail | : | Hintergrund darkgreen | Detail | : | Schrift cornsilk | |
Farbe | : | darkgreen | Farbe | : | cornsilk | |
Farbwert | : | #006400 | Farbwert | : | #fff8dc | |
HTML | : | darkgreen | HTML | : | cornsilk | |
HTML (Wert) | : | #006400 | HTML (Wert) | : | #fff8dc | |
CSS | : | darkgreen | CSS | : | cornsilk | |
CSS (Wert) | : | #006400 | CSS (Wert) | : | #fff8dc | |
CSS (kürzest) | : | #006400 | CSS (kürzest) | : | #fff8dc | |
CSS (RGB) | : | rgb(0,100,0) | CSS (RGB) | : | rgb(255,248,220) | |
CSS (%RGB) | : | rgb(0%,39%,0%) | CSS (%RGB) | : | rgb(100%,97%,86%) |
Verlauf Hintergrundfarbe darkgreen nach Schriftfarbe cornsilk | |||||||
#006400 | #24791f | #488e3e | #6da35e | #91b87d | #b6cd9d | #dae2bc | #fff8dc |
#006400 | #24791f | #488e3e | #6da35e | #91b87d | #b6cd9d | #dae2bc | #fff8dc |
Kombination von darkgreen und cornsilk | |||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. | cornsilk eignet sich als Schriftfarbe auf Hintergrund darkgreen. Die Unterschiede in Helligkeit und Farbe sind in Ordnung. Die Ähnlichkeit der Farben cornsilk und darkgreen ergibt sich zu 66.75%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 33.25%. |
Hintergrundfarbe darkgreen | Schriftfarbe cornsilk | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#006400 | #006400 | #006400 | #006400 | #fff8dc | #fff8dc | #fff8dc | #fff8dc |
#247a24 | #247a24 | #005500 | #005500 | #fff9e1 | #fff9e1 | #dad4bc | #dad4bc |
#489048 | #489048 | #004700 | #004700 | #fffae6 | #fffae6 | #b6b19d | #b6b19d |
#6da66d | #6da66d | #003900 | #003900 | #fffbeb | #fffbeb | #918d7d | #918d7d |
#91bc91 | #91bc91 | #002a00 | #002a00 | #fffcf0 | #fffcf0 | #6d6a5e | #6d6a5e |
#b6d2b6 | #b6d2b6 | #001c00 | #001c00 | #fffdf5 | #fffdf5 | #48463e | #48463e |
#dae8da | #dae8da | #000e00 | #000e00 | #fffefa | #fffefa | #24231f | #24231f |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Wir ändern hier die Textfarbe von <textarea> auf Farbe cornsilk und die Hintergrundfarbe von <textarea> auf Farbe darkgreen. Die Schriftart ändern wir auf courier new. Die Schriftgröße setzen wir auf 110%.
<style type="text/css"><!-- textarea { background-color:darkgreen; color:cornsilk; font-size:110%; font-family:courier new; } //--> </style>
Weiteres zu textarea finden Sie in Formulare in HTML. Die Beschreibung vom hier genutzten HTML-Tag textarea erfahren Sie in der HTML Referenz unter <textarea>.
Die Hintergrundfarbe soll sich von Farbe darkgreen auf Farbe cornsilk ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <form> in Farbe darkgreen vor.
Wir legen zum Beispiel die Hintergrundfarbe von <form> auf Farbe darkgreen fest.
<style type="text/css"><!-- form { background-color: darkgreen; } //--> </style>Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf cornsilk geändert wird.
<style type="text/css"><!-- form:hover { background-color:cornsilk; } //--> </style>
Mehr zu form erfahren Sie in Formulare in HTML. Weiteres zum Befehl form lesen Sie in der HTML Referenz unter <form>.