Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #ffffff und Farbe black

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbwert #ffffff			Schriftfarbe black
Detail	:	Hintergrund #ffffff	Detail	:	Schrift black
Farbwert	:	#ffffff	Farbe	:	black
Farbe	:	white	Farbwert	:	#000000
HTML	:	#ffffff	HTML	:	black
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#000000
CSS	:	#ffffff	CSS	:	black
CSS (Wert)	:	#ffffff	CSS (Wert)	:	#000000
CSS (kürzest)	:	#fff	CSS (kürzest)	:	#000
CSS (RGB)	:	rgb(255,255,255)	CSS (RGB)	:	rgb(0,0,0)
CSS (%RGB)	:	rgb(100%,100%,100%)	CSS (%RGB)	:	rgb(0%,0%,0%)

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

Kombination von #ffffff und black
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				black eignet sich als Schriftfarbe auf Hintergrund #ffffff. Sowohl der Helligkeitsunterschied als auch der Unterschied in den Farben sind gut. Die Ähnlichkeit der Farben black und #ffffff ergibt sich zu 0.00%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 100.00%.

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

Beispiele zur Kombination von Farbwert #ffffff und Farbe black

Wechsel der Hintergrundfarbe bei Hover mit Tag p

Die Hintergrundfarbe soll sich von Farbwert #ffffff auf Farbe black ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst eine Darstellung von <p> in Farbwert #ffffff vor.

Z.B. legen wir bei <p> die Hintergrundfarbe auf Farbwert #ffffff fest.

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

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf black geändert wird.

<style type="text/css"><!--
  p:hover { 
    background-color:black;
  }
//-->
</style>

Weiteres zu p können Sie in Grundlegende Gestaltungselemente in HTML lesen. Die Beschreibung des Tag p erfahren Sie in der HTML Referenz unter <p>.

Hintergrund/Text-Kombination von Tag form

Für dieses Beispiel ändern wir die Textfarbe von <form> auf Farbe black und die Hintergrundfarbe von <form> auf Farbwert #ffffff. Die Schriftart setzen wir auf sans-serif und als Schriftgröße entscheiden wir uns für 82%.

<style type="text/css"><!--
  form { 
    font-size: 82%; 
    background-color: #ffffff; 
    font-family: sans-serif; 
    color: black;
  }
//-->
</style>

Weiteres zu form können Sie in Formulare in HTML finden. Mehr zum Tag <form>.