Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumaquamarine und Farbwert #ffa07a

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 mediumaquamarine			Schriftfarbwert #ffa07a
Detail	:	Hintergrund mediumaquamarine	Detail	:	Schrift #ffa07a
Farbe	:	mediumaquamarine	Farbwert	:	#ffa07a
Farbwert	:	#66cdaa	Farbe	:	lightsalmon
HTML	:	mediumaquamarine	HTML	:	#ffa07a
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#ffa07a
CSS	:	mediumaquamarine	CSS	:	#ffa07a
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#ffa07a
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#ffa07a
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(255,160,122)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(100%,62%,47%)

Verlauf Hintergrundfarbe mediumaquamarine nach Schriftfarbwert #ffa07a
#66cdaa	#7bc6a3	#91c09c	#a7b995	#bdb38e	#d3ac87	#e9a680	#ffa07a
#66cdaa	#7bc6a3	#91c09c	#a7b995	#bdb38e	#d3ac87	#e9a680	#ffa07a

Kombination von mediumaquamarine und #ffa07a
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#ffa07a ist nicht als Schriftfarbe auf Hintergrund mediumaquamarine geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #ffa07a und mediumaquamarine ergibt sich zu 95.10%. Die Lesbarkeit dieser Kombination liegt damit bei 4.90%.

Hintergrundfarbe mediumaquamarine				Schriftfarbwert #ffa07a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#ffa07a	#ffa07a	#ffa07a	#ffa07a
#7bd4b6	#7bd4b6	#57af91	#57af91	#ffad8d	#ffad8d	#da8968	#da8968
#91dbc2	#91dbc2	#489279	#489279	#ffbba0	#ffbba0	#b67257	#b67257
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#ffc8b3	#ffc8b3	#915b45	#915b45
#bde9da	#bde9da	#2b5748	#2b5748	#ffd6c6	#ffd6c6	#6d4434	#6d4434
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#ffe3d9	#ffe3d9	#482d22	#482d22
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#fff1ec	#fff1ec	#241611	#241611
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumaquamarine und Farbwert #ffa07a

Text- und Unterstreichungsfarben bei HTML-Tag h3

Mit Befehl <h3> wird eine Überschrift erzeugt. Diese kann farblich gestaltet werden.

Bei diesem Beispiel ändern wir die Textfarbe von <h3> auf Farbwert #ffa07a und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf courier new und setzen die Schriftgröße auf 9pt. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines einfallenden Rahmens mit 3 Pixel Dicke in Farbe mediumaquamarine. Mit HTML geht dies nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  h3 { 
    border-bottom:3px inset mediumaquamarine; 
    font-family:courier new; 
    font-size:9pt; 
    color:#ffa07a;
  }
//-->
</style>

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

Mehr zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Der HTML-Tag h3 ist in der HTML Referenz unter <h3> genau zusammengestellt.

Wechsel der Textfarbe bei Hover bei HTML-Befehl var

Die Textfarbe soll sich von Farbe mediumaquamarine auf Farbwert #ffa07a ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <var> in Farbe mediumaquamarine vor.

Zum Beispiel legen wir Farbe mediumaquamarine als Textfarbe von <var> fest. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart ändern wir auf sans-serif:

<style type="text/css"><!--
  var { 
    font-family: sans-serif; 
    color: mediumaquamarine;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #ffa07a geändert wird.

<style type="text/css"><!--
  var:hover { 
    color:#ffa07a;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML lesen. Die Beschreibung des HTML-Tag var lesen Sie in der HTML Referenz unter <var>.