Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffffff und Farbwert #ff0000

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #ffffff			Schriftfarbwert #ff0000
Detail	:	Hintergrund #ffffff	Detail	:	Schrift #ff0000
Farbwert	:	#ffffff	Farbwert	:	#ff0000
Farbe	:	white	Farbe	:	red
HTML	:	#ffffff	HTML	:	#ff0000
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#ff0000
CSS	:	#ffffff	CSS	:	#ff0000
CSS (Wert)	:	#ffffff	CSS (Wert)	:	#ff0000
CSS (kürzest)	:	#fff	CSS (kürzest)	:	#f00
CSS (RGB)	:	rgb(255,255,255)	CSS (RGB)	:	rgb(255,0,0)
CSS (%RGB)	:	rgb(100%,100%,100%)	CSS (%RGB)	:	rgb(100%,0%,0%)

Verlauf Hintergrundfarbwert #ffffff nach Schriftfarbwert #ff0000
#ffffff	#ffdada	#ffb6b6	#ff9191	#ff6d6d	#ff4848	#ff2424	#ff0000
#ffffff	#ffdada	#ffb6b6	#ff9191	#ff6d6d	#ff4848	#ff2424	#ff0000

Kombination von #ffffff und #ff0000
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ff0000 und #ffffff beträgt 80.96%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 19.04%. #ff0000 eignet sich als Schriftfarbe auf Hintergrund #ffffff. Der Helligkeitsunterschied ist gut, der Farbenunterschied ebenso.

Hintergrundfarbwert #ffffff				Schriftfarbwert #ff0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffff	#ffffff	#ffffff	#ffffff	#ff0000	#ff0000	#ff0000	#ff0000
#ffffff	#ffffff	#dadada	#dadada	#ff2424	#ff2424	#da0000	#da0000
#ffffff	#ffffff	#b6b6b6	#b6b6b6	#ff4848	#ff4848	#b60000	#b60000
#ffffff	#ffffff	#919191	#919191	#ff6d6d	#ff6d6d	#910000	#910000
#ffffff	#ffffff	#6d6d6d	#6d6d6d	#ff9191	#ff9191	#6d0000	#6d0000
#ffffff	#ffffff	#484848	#484848	#ffb6b6	#ffb6b6	#480000	#480000
#ffffff	#ffffff	#242424	#242424	#ffdada	#ffdada	#240000	#240000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffffff und Farbwert #ff0000

Wechsel der Hintergrundfarbe bei Hover von Tag form

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

Wir setzen z.B. bei <form> die Hintergrundfarbe auf Farbwert #ffffff. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf arial und ändern die Größe der Schrift auf 10px:

<style type="text/css"><!--
  form { 
    background-color:#ffffff; 
    font-size:10px; 
    font-family:arial;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #ff0000 gesetzt wird.

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

Mehr zum Thema form können Sie in Formulare in HTML erfahren. Weiteres zum HTML-Tag <form>.

Text- und Unterstreichungsfarben mit HTML-Befehl fieldset

Hier ändern wir die Textfarbe von <fieldset> auf Farbwert #ff0000. Die Schriftart ändern wir auf arial und vergrößern die Schriftgröße auf 114%. Wir unterstreichen den Inhalt von <fieldset> mit Hilfe eines gezahnten Rahmens mit 4 Punkte Dicke in Farbwert #ffffff. Dies ist mit HTML kaum möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  fieldset { 
    font-family: arial; 
    color: #ff0000; 
    font-size: 114%; 
    border-bottom: 4pt ridge #fff;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu fieldset können Sie in Formulare in HTML finden. Weiteres zum HTML-Tag <fieldset>.