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 cornflowerblue | Schriftfarbe darkcyan | |||||
Detail | : | Hintergrund cornflowerblue | Detail | : | Schrift darkcyan | |
Farbe | : | cornflowerblue | Farbe | : | darkcyan | |
Farbwert | : | #6495ed | Farbwert | : | #008b8b | |
HTML | : | cornflowerblue | HTML | : | darkcyan | |
HTML (Wert) | : | #6495ed | HTML (Wert) | : | #008b8b | |
CSS | : | cornflowerblue | CSS | : | darkcyan | |
CSS (Wert) | : | #6495ed | CSS (Wert) | : | #008b8b | |
CSS (kürzest) | : | #6495ed | CSS (kürzest) | : | #008b8b | |
CSS (RGB) | : | rgb(100,149,237) | CSS (RGB) | : | rgb(0,139,139) | |
CSS (%RGB) | : | rgb(39%,58%,92%) | CSS (%RGB) | : | rgb(0%,54%,54%) |
Verlauf Hintergrundfarbe cornflowerblue nach Schriftfarbe darkcyan | |||||||
#6495ed | #5593df | #4792d1 | #3990c3 | #2a8fb5 | #1c8da7 | #0e8c99 | #008b8b |
#6495ed | #5593df | #4792d1 | #3990c3 | #2a8fb5 | #1c8da7 | #0e8c99 | #008b8b |
Kombination von cornflowerblue und darkcyan | |||||||
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. | darkcyan ist nicht als Schriftfarbe auf Hintergrund cornflowerblue geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben darkcyan und cornflowerblue ergibt sich zu 93.36%. Die Lesbarkeit dieser Kombination liegt damit bei 6.64%. |
Hintergrundfarbe cornflowerblue | Schriftfarbe darkcyan | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#6495ed | #6495ed | #6495ed | #6495ed | #008b8b | #008b8b | #008b8b | #008b8b |
#7aa4ef | #7aa4ef | #557fcb | #557fcb | #249b9b | #249b9b | #007777 | #007777 |
#90b3f2 | #90b3f2 | #476aa9 | #476aa9 | #48acac | #48acac | #006363 | #006363 |
#a6c2f4 | #a6c2f4 | #395587 | #395587 | #6dbcbc | #6dbcbc | #004f4f | #004f4f |
#bcd1f7 | #bcd1f7 | #2a3f65 | #2a3f65 | #91cdcd | #91cdcd | #003b3b | #003b3b |
#d2e0f9 | #d2e0f9 | #1c2a43 | #1c2a43 | #b6dddd | #b6dddd | #002727 | #002727 |
#e8effc | #e8effc | #0e1521 | #0e1521 | #daeeee | #daeeee | #001313 | #001313 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Die Rahmenfarbe soll sich von Farbe cornflowerblue auf Farbe darkcyan ändern, wenn man mit der Maus auf <address> zeigt. Bereiten wir zunächst eine Formatierung von <address> in Farbe cornflowerblue vor.
In diesem Beispiel umranden wir <address> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbe cornflowerblue.
<style type="text/css"><!-- address { border-width: 1px; border-color: cornflowerblue; border-style: groove; } //--> </style>Nun fordern wir, dass bei Hover die Rahmenfarbe auf darkcyan geändert wird.
<style type="text/css"><!-- address:hover { border-color:darkcyan; } //--> </style>
Weiteres zu address können Sie in Blockorientierte Elemente in HTML nachsehen. Möglichkeiten vom hier verwendeten HTML-Befehl address sind in der HTML Referenz unter <address> genau beschrieben.
Mit HTML-Befehl <div> erzeugen Sie einen Kontainer. Dieser kann farblich gestaltet werden.
In diesem Beispiel umranden wir <div> mit einem 2 Punkte dicken, einfallenden Rahmen in Farbe darkcyan . Den Hintergrund von <div> färben wir entsprechend mit Farbe cornflowerblue. Dies geht mit HTML kaum. Daher nutzen wir hierfür CSS.
<style type="text/css"><!-- div { border:2pt inset darkcyan; background-color:cornflowerblue; } //--> </style>
Mehr zum hier gezeigten Befehl div ist in der HTML Referenz bei <div> ausführlich zusammengestellt.