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

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 blue
Detail	:	Hintergrund #ffffff	Detail	:	Schrift blue
Farbwert	:	#ffffff	Farbe	:	blue
Farbe	:	white	Farbwert	:	#0000ff
HTML	:	#ffffff	HTML	:	blue
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#0000ff
CSS	:	#ffffff	CSS	:	blue
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 Hintergrundfarbwert #ffffff nach Schriftfarbe blue
#ffffff	#dadaff	#b6b6ff	#9191ff	#6d6dff	#4848ff	#2424ff	#0000ff
#ffffff	#dadaff	#b6b6ff	#9191ff	#6d6dff	#4848ff	#2424ff	#0000ff

Kombination von #ffffff und blue
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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.				blue eignet sich als Schriftfarbe auf Hintergrund #ffffff. Die Unterschiede in Helligkeit und Farbe sind ok. Die Ähnlichkeit von blue und #ffffff beträgt 59.08%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 40.92%.

Hintergrundfarbwert #ffffff				Schriftfarbe blue
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

Beispiel zur Kombination von Farbwert #ffffff und Farbe blue

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag h3

Eine Überschrift der 3. Stufe erzeugt man mit Befehl <h3>. Diese kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #ffffff auf Farbe blue ändern, wenn man mit der Maus auf <h3> zeigt. Wir bereiten zunächst eine Darstellung von <h3> in Farbwert #ffffff vor.

Zum Beispiel legen wir die Hintergrundfarbe von <h3> auf Farbwert #ffffff fest. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  h3 { 
    background-color:#fff; 
    font-size:13px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf blue ändert.

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

Mehr zu h3 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier verwendeten HTML-Befehl h3 ist in der HTML Referenz bei <h3> gezeigt.