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 #deb887 | Schriftfarbe navajowhite | |||||
| Detail | : | Hintergrund #deb887 | Detail | : | Schrift navajowhite | |
| Farbwert | : | #deb887 | Farbe | : | navajowhite | |
| Farbe | : | burlywood | Farbwert | : | #ffdead | |
| HTML | : | #deb887 | HTML | : | navajowhite | |
| HTML (Wert) | : | #deb887 | HTML (Wert) | : | #ffdead | |
| CSS | : | #deb887 | CSS | : | navajowhite | |
| CSS (Wert) | : | #deb887 | CSS (Wert) | : | #ffdead | |
| CSS (kürzest) | : | #deb887 | CSS (kürzest) | : | #ffdead | |
| CSS (RGB) | : | rgb(222,184,135) | CSS (RGB) | : | rgb(255,222,173) | |
| CSS (%RGB) | : | rgb(87%,72%,52%) | CSS (%RGB) | : | rgb(100%,87%,67%) | |
Verlauf Hintergrundfarbwert #deb887 nach Schriftfarbe navajowhite | |||||||
| #deb887 | #e2bd8c | #e7c291 | #ecc897 | #f0cd9c | #f5d3a2 | #fad8a7 | #ffdead |
| #deb887 | #e2bd8c | #e7c291 | #ecc897 | #f0cd9c | #f5d3a2 | #fad8a7 | #ffdead |
Kombination von #deb887 und navajowhite | |||||||
| Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. | Auf Hintergrund #deb887 ist navajowhite ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von navajowhite und #deb887 beträgt 93.14%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.86%. | ||||||
Hintergrundfarbwert #deb887 | Schriftfarbe navajowhite | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #deb887 | #deb887 | #deb887 | #deb887 | #ffdead | #ffdead | #ffdead | #ffdead |
| #e2c298 | #e2c298 | #be9d73 | #be9d73 | #ffe2b8 | #ffe2b8 | #dabe94 | #dabe94 |
| #e7cca9 | #e7cca9 | #9e8360 | #9e8360 | #ffe7c4 | #ffe7c4 | #b69e7b | #b69e7b |
| #ecd6ba | #ecd6ba | #7e694d | #7e694d | #ffecd0 | #ffecd0 | #917e62 | #917e62 |
| #f0e0cb | #f0e0cb | #5f4e39 | #5f4e39 | #fff0db | #fff0db | #6d5f4a | #6d5f4a |
| #f5eadc | #f5eadc | #3f3426 | #3f3426 | #fff5e7 | #fff5e7 | #483f31 | #483f31 |
| #faf4ed | #faf4ed | #1f1a13 | #1f1a13 | #fffaf3 | #fffaf3 | #241f18 | #241f18 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Hier ändern wir die Textfarbe von <blockquote> auf Farbe navajowhite und die Hintergrundfarbe von <blockquote> auf Farbwert #deb887. Als Schriftart setzen wir verdana. Die Schriftgröße ändern wir auf 13px.
<style type="text/css"><!-- blockquote { font-size:13px; font-family:verdana; background-color:#deb887; color:navajowhite; } //--> </style>
Mehr zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Mehr zum HTML-Befehl blockquote erfahren Sie in der HTML Referenz unter <blockquote>.
In diesem Beispiel umranden wir <tr> mit einem einfallenden, 5 Punkte dicken Rahmen in Farbe navajowhite . Den Hintergrund von <tr> färben wir mit Farbwert #deb887. Dies geht in HTML kaum. Wir nutzen deshalb CSS.
<style type="text/css"><!-- tr { border:5pt inset navajowhite; background-color:#deb887; } //--> </style>
Weiteres zu tr lesen Sie in Tabellen in HTML. Die Beschreibung des hier gezeigten HTML-Tag tr lesen Sie in der HTML Referenz unter <tr>.