Ressourcen: 120 HTML Farbnamen - Kombination von Farbe paleturquoise und Farbe aliceblue

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe paleturquoise			Schriftfarbe aliceblue
Detail	:	Hintergrund paleturquoise	Detail	:	Schrift aliceblue
Farbe	:	paleturquoise	Farbe	:	aliceblue
Farbwert	:	#afeeee	Farbwert	:	#f0f8ff
HTML	:	paleturquoise	HTML	:	aliceblue
HTML (Wert)	:	#afeeee	HTML (Wert)	:	#f0f8ff
CSS	:	paleturquoise	CSS	:	aliceblue
CSS (Wert)	:	#afeeee	CSS (Wert)	:	#f0f8ff
CSS (kürzest)	:	#afeeee	CSS (kürzest)	:	#f0f8ff
CSS (RGB)	:	rgb(175,238,238)	CSS (RGB)	:	rgb(240,248,255)
CSS (%RGB)	:	rgb(68%,93%,93%)	CSS (%RGB)	:	rgb(94%,97%,100%)

Verlauf Hintergrundfarbe paleturquoise nach Schriftfarbe aliceblue
#afeeee	#b8eff0	#c1f0f2	#caf2f5	#d4f3f7	#ddf5fa	#e6f6fc	#f0f8ff
#afeeee	#b8eff0	#c1f0f2	#caf2f5	#d4f3f7	#ddf5fa	#e6f6fc	#f0f8ff

Kombination von paleturquoise und aliceblue
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 von aliceblue und paleturquoise ergibt sich zu 94.28%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.72%. aliceblue eignet sich nicht als Schriftfarbe auf Hintergrund paleturquoise, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe paleturquoise				Schriftfarbe aliceblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#afeeee	#afeeee	#afeeee	#afeeee	#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff
#baf0f0	#baf0f0	#96cccc	#96cccc	#f2f9ff	#f2f9ff	#cdd4da	#cdd4da
#c5f2f2	#c5f2f2	#7daaaa	#7daaaa	#f4faff	#f4faff	#abb1b6	#abb1b6
#d1f5f5	#d1f5f5	#648888	#648888	#f6fbff	#f6fbff	#898d91	#898d91
#dcf7f7	#dcf7f7	#4b6666	#4b6666	#f8fcff	#f8fcff	#666a6d	#666a6d
#e8fafa	#e8fafa	#324444	#324444	#fafdff	#fafdff	#444648	#444648
#f3fcfc	#f3fcfc	#192222	#192222	#fcfeff	#fcfeff	#222324	#222324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe paleturquoise und Farbe aliceblue

Hintergrund/Text-Kombination von HTML-Tag h5

Mit Tag <h5> wird eine Überschrift der 5. Stufe erzeugt und kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <h5> auf Farbe aliceblue und die Hintergrundfarbe von <h5> auf Farbe paleturquoise. Die Schriftart setzen wir auf monospace und als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  h5 { 
    color:aliceblue; 
    font-family:monospace; 
    background-color:paleturquoise; 
    font-size:13px;
  }
//-->
</style>

Mehr zu h5 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Möglichkeiten vom hier verwendeten HTML-Tag <h5>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl address

Die Textfarbe soll sich von Farbe paleturquoise auf Farbe aliceblue ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <address> in Farbe paleturquoise vor.

Wir legen zum Beispiel Farbe paleturquoise als Textfarbe von <address> fest.

<style type="text/css"><!--
  address { 
    color:paleturquoise;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf aliceblue gesetzt wird.

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

Weiteres zu address erfahren Sie in Blockorientierte Elemente in HTML. Zur Beschreibung vom HTML-Tag <address>.