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 skyblue | Schriftfarbe darkred | |||||
Detail | : | Hintergrund skyblue | Detail | : | Schrift darkred | |
Farbe | : | skyblue | Farbe | : | darkred | |
Farbwert | : | #87ceeb | Farbwert | : | #8b0000 | |
HTML | : | skyblue | HTML | : | darkred | |
HTML (Wert) | : | #87ceeb | HTML (Wert) | : | #8b0000 | |
CSS | : | skyblue | CSS | : | darkred | |
CSS (Wert) | : | #87ceeb | CSS (Wert) | : | #8b0000 | |
CSS (kürzest) | : | #87ceeb | CSS (kürzest) | : | #8b0000 | |
CSS (RGB) | : | rgb(135,206,235) | CSS (RGB) | : | rgb(139,0,0) | |
CSS (%RGB) | : | rgb(52%,80%,92%) | CSS (%RGB) | : | rgb(54%,0%,0%) |
Verlauf Hintergrundfarbe skyblue nach Schriftfarbe darkred | |||||||
#87ceeb | #87b0c9 | #8893a7 | #887586 | #895864 | #893a43 | #8a1d21 | #8b0000 |
#87ceeb | #87b0c9 | #8893a7 | #887586 | #895864 | #893a43 | #8a1d21 | #8b0000 |
Kombination von skyblue und darkred | |||||||
Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. | darkred eignet sich nicht als Schriftfarbe auf Hintergrund skyblue, da die Farben zu ähnlich sind. Die Ähnlichkeit von darkred und skyblue ergibt sich zu 72.63%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 27.37%. |
Hintergrundfarbe skyblue | Schriftfarbe darkred | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#87ceeb | #87ceeb | #87ceeb | #87ceeb | #8b0000 | #8b0000 | #8b0000 | #8b0000 |
#98d5ed | #98d5ed | #73b0c9 | #73b0c9 | #9b2424 | #9b2424 | #770000 | #770000 |
#a9dcf0 | #a9dcf0 | #6093a7 | #6093a7 | #ac4848 | #ac4848 | #630000 | #630000 |
#bae3f3 | #bae3f3 | #4d7586 | #4d7586 | #bc6d6d | #bc6d6d | #4f0000 | #4f0000 |
#cbeaf6 | #cbeaf6 | #395864 | #395864 | #cd9191 | #cd9191 | #3b0000 | #3b0000 |
#dcf1f9 | #dcf1f9 | #263a43 | #263a43 | #ddb6b6 | #ddb6b6 | #270000 | #270000 |
#edf8fc | #edf8fc | #131d21 | #131d21 | #eedada | #eedada | #130000 | #130000 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Eine Überschrift erzeugen Sie mit HTML-Befehl <h6>. Diese kann man farblich gestalten und hervorheben.
Wir ändern hier die Textfarbe von <h6> auf Farbe darkred und die Hintergrundfarbe von <h6> auf Farbe skyblue. Die Schriftart ändern wir auf sans-serif und als Schriftgröße wählen wir 116%.
<style type="text/css"><!-- h6 { font-family: sans-serif; font-size: 116%; background-color: skyblue; color: darkred; } //--> </style>
Mehr zum Thema h6 lesen Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom Befehl <h6>.
Hier umranden wir <th> mit einem 1 Punkte dicken, herausstehenden Rahmen in Farbe darkred . Den Hintergrund von <th> setzen wir auf Farbe skyblue. Mit HTML ist das kaum möglich. Daher formatieren wir mit CSS.
<style type="text/css"><!-- th { border-color: darkred; background-color: skyblue; border-width: 1pt; border-style: outset; } //--> </style>
Mehr zum Thema th lesen Sie in Tabellen in HTML. Zur Beschreibung des hier verwendeten Tag <th>.