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

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 #0000ff			Schriftfarbwert #ff0000
Detail	:	Hintergrund #0000ff	Detail	:	Schrift #ff0000
Farbwert	:	#0000ff	Farbwert	:	#ff0000
Farbe	:	blue	Farbe	:	red
HTML	:	#0000ff	HTML	:	#ff0000
HTML (Wert)	:	#0000ff	HTML (Wert)	:	#ff0000
CSS	:	#0000ff	CSS	:	#ff0000
CSS (Wert)	:	#0000ff	CSS (Wert)	:	#ff0000
CSS (kürzest)	:	#00f	CSS (kürzest)	:	#f00
CSS (RGB)	:	rgb(0,0,255)	CSS (RGB)	:	rgb(255,0,0)
CSS (%RGB)	:	rgb(0%,0%,100%)	CSS (%RGB)	:	rgb(100%,0%,0%)

Verlauf Hintergrundfarbwert #0000ff nach Schriftfarbwert #ff0000
#0000ff	#2400da	#4800b6	#6d0091	#91006d	#b60048	#da0024	#ff0000
#0000ff	#2400da	#4800b6	#6d0091	#91006d	#b60048	#da0024	#ff0000

Kombination von #0000ff und #ff0000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #ff0000 und #0000ff beträgt 89.77%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 10.23%. Auf Hintergrund #0000ff ist #ff0000 ungeeignet. Zwar ist der Farbunterschied gross genug, die Helligkeiten sind sich zu ähnlich.

Hintergrundfarbwert #0000ff				Schriftfarbwert #ff0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000ff	#0000ff	#0000ff	#0000ff	#ff0000	#ff0000	#ff0000	#ff0000
#2424ff	#2424ff	#0000da	#0000da	#ff2424	#ff2424	#da0000	#da0000
#4848ff	#4848ff	#0000b6	#0000b6	#ff4848	#ff4848	#b60000	#b60000
#6d6dff	#6d6dff	#000091	#000091	#ff6d6d	#ff6d6d	#910000	#910000
#9191ff	#9191ff	#00006d	#00006d	#ff9191	#ff9191	#6d0000	#6d0000
#b6b6ff	#b6b6ff	#000048	#000048	#ffb6b6	#ffb6b6	#480000	#480000
#dadaff	#dadaff	#000024	#000024	#ffdada	#ffdada	#240000	#240000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #0000ff und Farbwert #ff0000

Wechsel der Textfarbe bei Hover bei HTML-Befehl label

Die Textfarbe soll sich von Farbwert #0000ff auf Farbwert #ff0000 ändern, wenn man mit der Maus auf <label> zeigt. Bereiten wir zunächst eine Formatierung von <label> in Farbwert #0000ff vor.

Wir setzen zum Beispiel die Textfarbe von <label> auf Farbwert #0000ff. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  label { 
    font-family: sans-serif; 
    color: #0000ff;
  }
//-->
</style>

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

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

Mehr zu label lesen Sie in Formulare in HTML. Einzelheiten vom hier gezeigten Tag label sind in der HTML Referenz bei <label> ausführlich zusammengestellt.