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

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 #ffffff
Detail	:	Hintergrund #000000	Detail	:	Schrift #ffffff
Farbwert	:	#000000	Farbwert	:	#ffffff
Farbe	:	black	Farbe	:	white
HTML	:	#000000	HTML	:	#ffffff
HTML (Wert)	:	#000000	HTML (Wert)	:	#ffffff
CSS	:	#000000	CSS	:	#ffffff
CSS (Wert)	:	#000000	CSS (Wert)	:	#ffffff
CSS (kürzest)	:	#000	CSS (kürzest)	:	#fff
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(255,255,255)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(100%,100%,100%)

Verlauf Hintergrundfarbwert #000000 nach Schriftfarbwert #ffffff
#000000	#242424	#484848	#6d6d6d	#919191	#b6b6b6	#dadada	#ffffff
#000000	#242424	#484848	#6d6d6d	#919191	#b6b6b6	#dadada	#ffffff

Kombination von #000000 und #ffffff
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #ffffff und #000000 beträgt 0.00%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 100.00%. #ffffff eignet sich als Schriftfarbe auf Hintergrund #000000, weil sowohl der Helligkeitsunterschied als auch der Unterschied in den Farben gut sind.

Hintergrundfarbwert #000000				Schriftfarbwert #ffffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000000	#000000	#000000	#000000	#ffffff	#ffffff	#ffffff	#ffffff
#242424	#242424	#000000	#000000	#ffffff	#ffffff	#dadada	#dadada
#484848	#484848	#000000	#000000	#ffffff	#ffffff	#b6b6b6	#b6b6b6
#6d6d6d	#6d6d6d	#000000	#000000	#ffffff	#ffffff	#919191	#919191
#919191	#919191	#000000	#000000	#ffffff	#ffffff	#6d6d6d	#6d6d6d
#b6b6b6	#b6b6b6	#000000	#000000	#ffffff	#ffffff	#484848	#484848
#dadada	#dadada	#000000	#000000	#ffffff	#ffffff	#242424	#242424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000000 und Farbwert #ffffff

Füllen und Umranden bei Befehl hr

Bei diesem Beispiel umranden wir <hr> mit einem . Den Hintergrund von <hr> setzen wir entsprechend auf Farbwert #000000. Das ist in HTML nicht möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  hr { border:5pt dashed #ffffff; background-color:#000000; }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten des Befehl hr sind in der HTML Referenz bei <hr> genau gezeigt.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag a

Mit Befehl <a> wird ein Hyperlink erzeugt. Diesen kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #000000 auf Farbwert #ffffff ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbwert #000000 vor.

Wir legen hier bei <a> die Hintergrundfarbe auf Farbwert #000000 fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf courier new. Die Größe der Schrift erhöhen wir auf 123%.

<style type="text/css"><!--
  a { 
    font-family: courier new; 
    font-size: 123%; 
    background-color: #000;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #ffffff gesetzt wird.

<style type="text/css"><!--
  a:hover { 
    background-color:#ffffff;
  }
//-->
</style>

Mehr zu a können Sie in Verweise und Protokolle in HTML erfahren. Mehr zum Tag a ist in der HTML Referenz bei <a> gezeigt.