Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffa07a und Farbwert #0000ff

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

Verlauf Hintergrundfarbwert #ffa07a nach Schriftfarbwert #0000ff
#ffa07a	#da898d	#b672a0	#915bb3	#6d44c6	#482dd9	#2416ec	#0000ff
#ffa07a	#da898d	#b672a0	#915bb3	#6d44c6	#482dd9	#2416ec	#0000ff

Kombination von #ffa07a und #0000ff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#0000ff eignet sich als Schriftfarbe auf Hintergrund #ffa07a, da sowohl der Unterschied in den Helligkeiten als auch der Farbenunterschied gut sind. Die Ähnlichkeit von #0000ff und #ffa07a beträgt 79.42%. Die Lesbarkeit dieser Kombination bewerte ich mit 20.58%.

Hintergrundfarbwert #ffa07a				Schriftfarbwert #0000ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa07a	#ffa07a	#ffa07a	#ffa07a	#0000ff	#0000ff	#0000ff	#0000ff
#ffad8d	#ffad8d	#da8968	#da8968	#2424ff	#2424ff	#0000da	#0000da
#ffbba0	#ffbba0	#b67257	#b67257	#4848ff	#4848ff	#0000b6	#0000b6
#ffc8b3	#ffc8b3	#915b45	#915b45	#6d6dff	#6d6dff	#000091	#000091
#ffd6c6	#ffd6c6	#6d4434	#6d4434	#9191ff	#9191ff	#00006d	#00006d
#ffe3d9	#ffe3d9	#482d22	#482d22	#b6b6ff	#b6b6ff	#000048	#000048
#fff1ec	#fff1ec	#241611	#241611	#dadaff	#dadaff	#000024	#000024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl h2

Eine Überschrift wird mit HTML-Befehl <h2> gesetzt und kann hervorgehoben und farblich gestaltet werden.

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

Wir legen hier bei <h2> die Hintergrundfarbe auf Farbwert #ffa07a fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 9pt:

<style type="text/css"><!--
  h2 { 
    font-size:9pt; 
    background-color:#ffa07a; 
    font-family:courier new;
  }
//-->
</style>

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

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

Mehr zum Thema h2 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Beschreibung vom HTML-Befehl <h2>.