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 tan | Schriftfarbe whitesmoke | |||||
Detail | : | Hintergrund tan | Detail | : | Schrift whitesmoke | |
Farbe | : | tan | Farbe | : | whitesmoke | |
Farbwert | : | #d2b48c | Farbwert | : | #f5f5f5 | |
HTML | : | tan | HTML | : | whitesmoke | |
HTML (Wert) | : | #d2b48c | HTML (Wert) | : | #f5f5f5 | |
CSS | : | tan | CSS | : | whitesmoke | |
CSS (Wert) | : | #d2b48c | CSS (Wert) | : | #f5f5f5 | |
CSS (kürzest) | : | #d2b48c | CSS (kürzest) | : | #f5f5f5 | |
CSS (RGB) | : | rgb(210,180,140) | CSS (RGB) | : | rgb(245,245,245) | |
CSS (%RGB) | : | rgb(82%,70%,54%) | CSS (%RGB) | : | rgb(96%,96%,96%) |
Verlauf Hintergrundfarbe tan nach Schriftfarbe whitesmoke | |||||||
#d2b48c | #d7bd9b | #dcc6aa | #e1cfb9 | #e6d9c8 | #ebe2d7 | #f0ebe6 | #f5f5f5 |
#d2b48c | #d7bd9b | #dcc6aa | #e1cfb9 | #e6d9c8 | #ebe2d7 | #f0ebe6 | #f5f5f5 |
Kombination von tan und whitesmoke | |||||||
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. | whitesmoke ist nicht als Schriftfarbe auf Hintergrund tan geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben whitesmoke und tan beträgt 91.39%. Die Lesbarkeit dieser Kombination ergibt sich zu 8.61%. |
Hintergrundfarbe tan | Schriftfarbe whitesmoke | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#d2b48c | #d2b48c | #d2b48c | #d2b48c | #f5f5f5 | #f5f5f5 | #f5f5f5 | #f5f5f5 |
#d8be9c | #d8be9c | #b49a78 | #b49a78 | #f6f6f6 | #f6f6f6 | #d2d2d2 | #d2d2d2 |
#dec9ac | #dec9ac | #968064 | #968064 | #f7f7f7 | #f7f7f7 | #afafaf | #afafaf |
#e5d4bd | #e5d4bd | #786650 | #786650 | #f9f9f9 | #f9f9f9 | #8c8c8c | #8c8c8c |
#ebdecd | #ebdecd | #5a4d3c | #5a4d3c | #fafafa | #fafafa | #696969 | #696969 |
#f2e9de | #f2e9de | #3c3328 | #3c3328 | #fcfcfc | #fcfcfc | #464646 | #464646 |
#f8f4ee | #f8f4ee | #1e1914 | #1e1914 | #fdfdfd | #fdfdfd | #232323 | #232323 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Wir ändern in diesem Beispiel die Textfarbe von <code> auf Farbe whitesmoke und die Hintergrundfarbe von <code> auf Farbe tan. Die Schriftart ändern wir auf arial und als Schriftgröße setzen wir 98%.
<style type="text/css"><!-- code { font-size: 98%; font-family: arial; color: whitesmoke; background-color: tan; } //--> </style>
Mehr zum Thema code erfahren Sie in Text in HTML. Mehr zum hier gezeigten HTML-Tag <code>.
Für dieses Beispiel umranden wir <span> mit einem . Den Hintergrund von <span> färben wir mit Farbe tan. Das ist in HTML nicht möglich. Wir verwenden deshalb CSS zur Formatierung.
<style type="text/css"><!-- span { background-color: tan; border-color: whitesmoke; border-width: 3pt; border-style: groove; } //--> </style>
Weiteres zum hier genutzten HTML-Befehl span ist in der HTML Referenz unter <span> genau beschrieben.