Ressourcen: 137 HTML Farbnamen - Kombination von Farbe skyblue und Farbwert #a0522d

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 skyblue			Schriftfarbwert #a0522d
Detail	:	Hintergrund skyblue	Detail	:	Schrift #a0522d
Farbe	:	skyblue	Farbwert	:	#a0522d
Farbwert	:	#87ceeb	Farbe	:	sienna
HTML	:	skyblue	HTML	:	#a0522d
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#a0522d
CSS	:	skyblue	CSS	:	#a0522d
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbe skyblue nach Schriftfarbwert #a0522d
#87ceeb	#8abccf	#8eaab4	#919899	#95877e	#987563	#9c6348	#a0522d
#87ceeb	#8abccf	#8eaab4	#919899	#95877e	#987563	#9c6348	#a0522d

Kombination von skyblue und #a0522d
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #a0522d und skyblue beträgt 84.64%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 15.36%. #a0522d ist nicht als Schriftfarbe auf Hintergrund skyblue geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe skyblue				Schriftfarbwert #a0522d
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#a0522d	#a0522d	#a0522d	#a0522d
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#ad6a4b	#ad6a4b	#894626	#894626
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#bb8369	#bb8369	#723a20	#723a20
#bae3f3	#bae3f3	#4d7586	#4d7586	#c89c87	#c89c87	#5b2e19	#5b2e19
#cbeaf6	#cbeaf6	#395864	#395864	#d6b4a5	#d6b4a5	#442313	#442313
#dcf1f9	#dcf1f9	#263a43	#263a43	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#edf8fc	#edf8fc	#131d21	#131d21	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe skyblue und Farbwert #a0522d

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl input

Die Hintergrundfarbe soll sich von Farbe skyblue auf Farbwert #a0522d ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <input> in Farbe skyblue vor.

Wir legen in diesem Beispiel die Hintergrundfarbe von <input> auf Farbe skyblue fest. Die Textfarbe behalten wir bei. Die Schriftart ändern wir auf verdana:

<style type="text/css"><!--
  input { 
    background-color:skyblue; 
    font-family:verdana;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #a0522d geändert wird.

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

Mehr zum Thema können Sie in Formulare in HTML lesen. Beschreibung vom HTML-Tag <input>.

Text- und Unterstreichungsfarben mit HTML-Befehl a

Mit HTML-Befehl <a> wird ein Verweis erzeugt. Diesen kann man hervorheben und farblich gestalten.

Bei diesem Beispiel ändern wir die Textfarbe von <a> auf Farbwert #a0522d und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf sans-serif und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gezahnten Rahmens mit 5 Punkte Dicke in Farbe skyblue. In HTML ist das nicht machbar. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    color: #a0522d; 
    font-family: sans-serif; 
    font-size: 13px; 
    border-bottom: 5pt ridge skyblue;
  }
//-->
</style>

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

Mehr zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Mehr zum hier gezeigten HTML-Befehl a ist in der HTML Referenz unter <a> genau zusammengestellt.