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.
Hintergrundfarbwert #2f4f4f | Schriftfarbe darkorange | |||||
Detail | : | Hintergrund #2f4f4f | Detail | : | Schrift darkorange | |
Farbwert | : | #2f4f4f | Farbe | : | darkorange | |
Farbe | : | darkslategray | Farbwert | : | #ff8c00 | |
HTML | : | #2f4f4f | HTML | : | darkorange | |
HTML (Wert) | : | #2f4f4f | HTML (Wert) | : | #ff8c00 | |
CSS | : | #2f4f4f | CSS | : | darkorange | |
CSS (Wert) | : | #2f4f4f | CSS (Wert) | : | #ff8c00 | |
CSS (kürzest) | : | #2f4f4f | CSS (kürzest) | : | #ff8c00 | |
CSS (RGB) | : | rgb(47,79,79) | CSS (RGB) | : | rgb(255,140,0) | |
CSS (%RGB) | : | rgb(18%,30%,30%) | CSS (%RGB) | : | rgb(100%,54%,0%) |
Verlauf Hintergrundfarbwert #2f4f4f nach Schriftfarbe darkorange | |||||||
#2f4f4f | #4c5743 | #6a6038 | #88692d | #a57121 | #c37a16 | #e1830b | #ff8c00 |
#2f4f4f | #4c5743 | #6a6038 | #88692d | #a57121 | #c37a16 | #e1830b | #ff8c00 |
Kombination von #2f4f4f und darkorange | |||||||
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. | Auf Hintergrund #2f4f4f ist darkorange ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben darkorange und #2f4f4f ergibt sich zu 81.77%. Die Lesbarkeit dieser Kombination liegt damit bei 18.23%. |
Hintergrundfarbwert #2f4f4f | Schriftfarbe darkorange | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#2f4f4f | #2f4f4f | #2f4f4f | #2f4f4f | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 |
#4c6868 | #4c6868 | #284343 | #284343 | #ff9c24 | #ff9c24 | #da7800 | #da7800 |
#6a8181 | #6a8181 | #213838 | #213838 | #ffac48 | #ffac48 | #b66400 | #b66400 |
#889a9a | #889a9a | #1a2d2d | #1a2d2d | #ffbd6d | #ffbd6d | #915000 | #915000 |
#a5b3b3 | #a5b3b3 | #142121 | #142121 | #ffcd91 | #ffcd91 | #6d3c00 | #6d3c00 |
#c3cccc | #c3cccc | #0d1616 | #0d1616 | #ffdeb6 | #ffdeb6 | #482800 | #482800 |
#e1e5e5 | #e1e5e5 | #060b0b | #060b0b | #ffeeda | #ffeeda | #241400 | #241400 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Hier ändern wir die Textfarbe von <label> auf Farbe darkorange und die Hintergrundfarbe von <label> auf Farbwert #2f4f4f. Die Schriftart ändern wir auf sans-serif und als Schriftgröße entscheiden wir uns für 112%.
<style type="text/css"><!-- label { color:darkorange; font-size:112%; font-family:sans-serif; background-color:#2f4f4f; } //--> </style>
Weiteres zu label können Sie in Formulare in HTML nachlesen. Der hier gezeigte HTML-Befehl label ist in der HTML Referenz unter <label> beschrieben.
Für dieses Beispiel umranden wir <dd> mit einem doppelten, 5 Punkte dicken Rahmen in Farbe darkorange . Den Hintergrund von <dd> färben wir mit Farbwert #2f4f4f. Dies geht in HTML kaum. Daher formatieren wir mit CSS.
<style type="text/css"><!-- dd { border:5pt double darkorange; background-color:#2f4f4f; } //--> </style>
Mehr zum Thema dd können Sie in Listen und Glossare in HTML lesen. Beschreibung des HTML-Befehl <dd>.