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 mediumturquoise | Schriftfarbe cornsilk | |||||
| Detail | : | Hintergrund mediumturquoise | Detail | : | Schrift cornsilk | |
| Farbe | : | mediumturquoise | Farbe | : | cornsilk | |
| Farbwert | : | #48d1cc | Farbwert | : | #fff8dc | |
| HTML | : | mediumturquoise | HTML | : | cornsilk | |
| HTML (Wert) | : | #48d1cc | HTML (Wert) | : | #fff8dc | |
| CSS | : | mediumturquoise | CSS | : | cornsilk | |
| CSS (Wert) | : | #48d1cc | CSS (Wert) | : | #fff8dc | |
| CSS (kürzest) | : | #48d1cc | CSS (kürzest) | : | #fff8dc | |
| CSS (RGB) | : | rgb(72,209,204) | CSS (RGB) | : | rgb(255,248,220) | |
| CSS (%RGB) | : | rgb(28%,81%,80%) | CSS (%RGB) | : | rgb(100%,97%,86%) | |
Verlauf Hintergrundfarbe mediumturquoise nach Schriftfarbe cornsilk | |||||||
| #48d1cc | #62d6ce | #7cdcd0 | #96e1d2 | #b0e7d5 | #caecd7 | #e4f2d9 | #fff8dc |
| #48d1cc | #62d6ce | #7cdcd0 | #96e1d2 | #b0e7d5 | #caecd7 | #e4f2d9 | #fff8dc |
Kombination von mediumturquoise und cornsilk | |||||||
| Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Die Ähnlichkeit der Farben cornsilk und mediumturquoise ergibt sich zu 91.67%. Die Lesbarkeit dieser Kombination ergibt sich zu 8.33%. cornsilk ist nicht als Schriftfarbe auf Hintergrund mediumturquoise geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. | ||||||
Hintergrundfarbe mediumturquoise | Schriftfarbe cornsilk | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #48d1cc | #48d1cc | #48d1cc | #48d1cc | #fff8dc | #fff8dc | #fff8dc | #fff8dc |
| #62d7d3 | #62d7d3 | #3db3ae | #3db3ae | #fff9e1 | #fff9e1 | #dad4bc | #dad4bc |
| #7cdeda | #7cdeda | #339591 | #339591 | #fffae6 | #fffae6 | #b6b19d | #b6b19d |
| #96e4e1 | #96e4e1 | #297774 | #297774 | #fffbeb | #fffbeb | #918d7d | #918d7d |
| #b0ebe9 | #b0ebe9 | #1e5957 | #1e5957 | #fffcf0 | #fffcf0 | #6d6a5e | #6d6a5e |
| #caf1f0 | #caf1f0 | #143b3a | #143b3a | #fffdf5 | #fffdf5 | #48463e | #48463e |
| #e4f8f7 | #e4f8f7 | #0a1d1d | #0a1d1d | #fffefa | #fffefa | #24231f | #24231f |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Eine Überschrift der 5. Stufe erzeugen Sie mit Tag <h5>. Diese kann man farblich gestalten und hervorheben.
In diesem Beispiel umranden wir <h5> mit einem einfallenden, 1 Pixel dicken Rahmen in Farbe cornsilk . Den Hintergrund von <h5> setzen wir auf Farbe mediumturquoise. Das ist mit HTML nicht möglich. Deshalb formatieren wir mit CSS.
<style type="text/css"><!-- h5 { border:1px inset cornsilk; background-color:mediumturquoise; } //--> </style>
Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom Tag h5 sind in der HTML Referenz unter <h5> genau gezeigt.