Ressourcen: 8 Grundfarben in HTML - Kombination von Farbwert #000000 und Farbwert #ff0000

Die bunten Grundfarben entstehen dadurch, dass die Anteile von Rot, Grün und Blau jeweils paarweise maximal sind.

In HTML und CSS haben damit die entsprechenden Bestandteile den Wert hexadezimal ff, bzw. dezimal 255 bzw. prozentual 100%.

Hintergrundfarbwert #000000			Schriftfarbwert #ff0000
Detail	:	Hintergrund #000000	Detail	:	Schrift #ff0000
Farbwert	:	#000000	Farbwert	:	#ff0000
Farbe	:	black	Farbe	:	red
HTML	:	#000000	HTML	:	#ff0000
HTML (Wert)	:	#000000	HTML (Wert)	:	#ff0000
CSS	:	#000000	CSS	:	#ff0000
CSS (Wert)	:	#000000	CSS (Wert)	:	#ff0000
CSS (kürzest)	:	#000	CSS (kürzest)	:	#f00
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(255,0,0)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(100%,0%,0%)

Verlauf Hintergrundfarbwert #000000 nach Schriftfarbwert #ff0000
#000000	#240000	#480000	#6d0000	#910000	#b60000	#da0000	#ff0000
#000000	#240000	#480000	#6d0000	#910000	#b60000	#da0000	#ff0000

Kombination von #000000 und #ff0000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				#ff0000 eignet sich nicht als Schriftfarbe auf Hintergrund #000000, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #ff0000 und #000000 ergibt sich zu 74.99%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 25.01%.

Hintergrundfarbwert #000000				Schriftfarbwert #ff0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000000	#000000	#000000	#000000	#ff0000	#ff0000	#ff0000	#ff0000
#242424	#242424	#000000	#000000	#ff2424	#ff2424	#da0000	#da0000
#484848	#484848	#000000	#000000	#ff4848	#ff4848	#b60000	#b60000
#6d6d6d	#6d6d6d	#000000	#000000	#ff6d6d	#ff6d6d	#910000	#910000
#919191	#919191	#000000	#000000	#ff9191	#ff9191	#6d0000	#6d0000
#b6b6b6	#b6b6b6	#000000	#000000	#ffb6b6	#ffb6b6	#480000	#480000
#dadada	#dadada	#000000	#000000	#ffdada	#ffdada	#240000	#240000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000000 und Farbwert #ff0000

Wechsel der Unterstreichung bei Hover mit Tag h6

Eine Überschrift setzen Sie mit Tag <h6>. Diese kann man farblich gestalten.

Die Farbe der Unterstreichung soll sich von Farbwert #000000 auf Farbwert #ff0000 ändern, wenn man mit der Maus auf <h6> zeigt. Wir bereiten zunächst eine Darstellung von <h6> in Farbwert #000000 vor.

In diesem Beispiel unterstreichen wir <h6> mit Hilfe eines gefurchten Rahmens mit 1 Pixel Dicke in Farbwert #000000.

<style type="text/css"><!--
  h6 { border-bottom:1px groove #000; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Unterstreichungsfarbe auf #ff0000 ändert.

<style type="text/css"><!--
  h6:hover { 
    border-bottom-color:#f00;
  }
//-->
</style>

Die Idee ist dabei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sieht man dies bei Links. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Das ist aber keine "wirkliche" Unterstreichung, der Text selbst ist überhaupt nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Möglichkeiten des hier gezeigten Tag h6 sind in der HTML Referenz unter <h6> genau zusammengestellt.

Füllen und Umranden bei Tag tr

In diesem Beispiel umranden wir <tr> mit einem 5 Pixel dicken, doppelten Rahmen in Farbwert #ff0000 . Die Hintergrundfarbe für <tr> färben wir mit Farbwert #000000. Dies geht mit HTML nicht. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  tr { 
    border-width: 5px; 
    border-color: #f00; 
    background-color: #000000; 
    border-style: double;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Tabellen in HTML. Mehr zum hier verwendeten Befehl <tr>.