Ressourcen: 137 HTML Farbnamen - Kombination von Farbe blue und Farbe peru

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.

Hintergrundfarbe blue			Schriftfarbe peru
Detail	:	Hintergrund blue	Detail	:	Schrift peru
Farbe	:	blue	Farbe	:	peru
Farbwert	:	#0000ff	Farbwert	:	#cd853f
HTML	:	blue	HTML	:	peru
HTML (Wert)	:	#0000ff	HTML (Wert)	:	#cd853f
CSS	:	blue	CSS	:	peru
CSS (Wert)	:	#0000ff	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#00f	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(0,0,255)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(0%,0%,100%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbe blue nach Schriftfarbe peru
#0000ff	#1d13e3	#3a26c8	#5739ac	#754c91	#925f75	#af725a	#cd853f
#0000ff	#1d13e3	#3a26c8	#5739ac	#754c91	#925f75	#af725a	#cd853f

Kombination von blue und peru
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben peru und blue beträgt 86.32%. Die Lesbarkeit dieser Farbkombination liegt damit bei 13.68%. peru ist nicht als Schriftfarbe auf Hintergrund blue geeignet, da sich die Helligkeiten zu ähnlich sind.

Hintergrundfarbe blue				Schriftfarbe peru
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000ff	#0000ff	#0000ff	#0000ff	#cd853f	#cd853f	#cd853f	#cd853f
#2424ff	#2424ff	#0000da	#0000da	#d4965a	#d4965a	#af7236	#af7236
#4848ff	#4848ff	#0000b6	#0000b6	#dba775	#dba775	#925f2d	#925f2d
#6d6dff	#6d6dff	#000091	#000091	#e2b991	#e2b991	#754c24	#754c24
#9191ff	#9191ff	#00006d	#00006d	#e9caac	#e9caac	#57391b	#57391b
#b6b6ff	#b6b6ff	#000048	#000048	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#dadaff	#dadaff	#000024	#000024	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe blue und Farbe peru

Wechsel der Textfarbe bei Hover mit Befehl fieldset

Die Textfarbe soll sich von Farbe blue auf Farbe peru ändern, wenn man mit der Maus auf <fieldset> zeigt. Wir bereiten zunächst die Darstellung von <fieldset> in Farbe blue vor.

Wir legen z.B. Farbe blue als Textfarbe von <fieldset> fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf arial und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  fieldset { 
    color: blue; 
    font-size: 13px; 
    font-family: arial;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf peru gesetzt wird.

<style type="text/css"><!--
  fieldset:hover { 
    color:peru;
  }
//-->
</style>

Weiteres zu fieldset finden Sie in Formulare in HTML. Einzelheiten vom hier gezeigten HTML-Befehl <fieldset>.

Wechsel der Hintergrundfarbe bei Hover von Tag strike

Die Hintergrundfarbe soll sich von Farbe blue auf Farbe peru ändern, wenn man mit der Maus auf <strike> zeigt. Wir bereiten zunächst die Darstellung von <strike> in Farbe blue vor.

Hier legen wir die Hintergrundfarbe von <strike> auf Farbe blue fest und ändern die Schriftgröße auf 13px:

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

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf peru geändert wird.

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

Weiteres zu strike finden Sie in Text in HTML. Weiteres zum HTML-Befehl <strike>.