Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe white und Farbwert #0000ff

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.

Hintergrundfarbe white			Schriftfarbwert #0000ff
Detail	:	Hintergrund white	Detail	:	Schrift #0000ff
Farbe	:	white	Farbwert	:	#0000ff
Farbwert	:	#ffffff	Farbe	:	blue
HTML	:	white	HTML	:	#0000ff
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#0000ff
CSS	:	white	CSS	:	#0000ff
CSS (Wert)	:	#ffffff	CSS (Wert)	:	#0000ff
CSS (kürzest)	:	#fff	CSS (kürzest)	:	#00f
CSS (RGB)	:	rgb(255,255,255)	CSS (RGB)	:	rgb(0,0,255)
CSS (%RGB)	:	rgb(100%,100%,100%)	CSS (%RGB)	:	rgb(0%,0%,100%)

Verlauf Hintergrundfarbe white nach Schriftfarbwert #0000ff
#ffffff	#dadaff	#b6b6ff	#9191ff	#6d6dff	#4848ff	#2424ff	#0000ff
#ffffff	#dadaff	#b6b6ff	#9191ff	#6d6dff	#4848ff	#2424ff	#0000ff

Kombination von white und #0000ff
Cras id velit ante. 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.				Die Ähnlichkeit der Farben #0000ff und white ergibt sich zu 59.08%. Die Lesbarkeit dieser Kombination ergibt sich zu 40.92%. #0000ff eignet sich als Schriftfarbe auf Hintergrund white. Die Unterschiede in Helligkeit und Farbe sind in Ordnung.

Hintergrundfarbe white				Schriftfarbwert #0000ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffff	#ffffff	#ffffff	#ffffff	#0000ff	#0000ff	#0000ff	#0000ff
#ffffff	#ffffff	#dadada	#dadada	#2424ff	#2424ff	#0000da	#0000da
#ffffff	#ffffff	#b6b6b6	#b6b6b6	#4848ff	#4848ff	#0000b6	#0000b6
#ffffff	#ffffff	#919191	#919191	#6d6dff	#6d6dff	#000091	#000091
#ffffff	#ffffff	#6d6d6d	#6d6d6d	#9191ff	#9191ff	#00006d	#00006d
#ffffff	#ffffff	#484848	#484848	#b6b6ff	#b6b6ff	#000048	#000048
#ffffff	#ffffff	#242424	#242424	#dadaff	#dadaff	#000024	#000024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe white und Farbwert #0000ff

Wechsel der Textfarbe bei Hover von Tag center

Die Textfarbe soll sich von Farbe white auf Farbwert #0000ff ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst eine Formatierung von <center> in Farbe white vor.

Wir legen z.B. bei <center> die Textfarbe auf Farbe white fest. Die Schriftgröße ändern wir auf 9px.

<style type="text/css"><!--
  center { 
    font-size: 9px; 
    color: white;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #0000ff geändert wird.

<style type="text/css"><!--
  center:hover { 
    color:#00f;
  }
//-->
</style>

Weiteres zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML finden. Zur Beschreibung des Tag <center>.

Wechsel der Hintergrundfarbe bei Hover bei Befehl blockquote

Die Hintergrundfarbe soll sich von Farbe white auf Farbwert #0000ff ändern, wenn man mit der Maus auf <blockquote> zeigt. Wir bereiten zunächst eine Formatierung von <blockquote> in Farbe white vor.

Wir legen z.B. Farbe white als Hintergrundfarbe von <blockquote> fest. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  blockquote { 
    background-color:white; 
    font-family:verdana;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #0000ff ändert.

<style type="text/css"><!--
  blockquote: hover { 
    background-color: #0000ff;
  }
//-->
</style>

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML nachsehen. Die Beschreibung des hier genutzten HTML-Tag blockquote finden Sie in der HTML Referenz unter <blockquote>.