Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #66cdaa und Farbwert #b22222

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.

Hintergrundfarbwert #66cdaa			Schriftfarbwert #b22222
Detail	:	Hintergrund #66cdaa	Detail	:	Schrift #b22222
Farbwert	:	#66cdaa	Farbwert	:	#b22222
Farbe	:	mediumaquamarine	Farbe	:	firebrick
HTML	:	#66cdaa	HTML	:	#b22222
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#b22222
CSS	:	#66cdaa	CSS	:	#b22222
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#b22222
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#b22222
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(178,34,34)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(69%,13%,13%)

Verlauf Hintergrundfarbwert #66cdaa nach Schriftfarbwert #b22222
#66cdaa	#70b496	#7b9c83	#86836f	#916b5c	#9c5248	#a73a35	#b22222
#66cdaa	#70b496	#7b9c83	#86836f	#916b5c	#9c5248	#a73a35	#b22222

Kombination von #66cdaa und #b22222
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#b22222 ist nicht als Schriftfarbe auf Hintergrund #66cdaa geeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit von #b22222 und #66cdaa ergibt sich zu 83.53%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 16.47%.

Hintergrundfarbwert #66cdaa				Schriftfarbwert #b22222
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#b22222	#b22222	#b22222	#b22222
#7bd4b6	#7bd4b6	#57af91	#57af91	#bd4141	#bd4141	#981d1d	#981d1d
#91dbc2	#91dbc2	#489279	#489279	#c86161	#c86161	#7f1818	#7f1818
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#d38080	#d38080	#651313	#651313
#bde9da	#bde9da	#2b5748	#2b5748	#dea0a0	#dea0a0	#4c0e0e	#4c0e0e
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#e9bfbf	#e9bfbf	#320909	#320909
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#f4dfdf	#f4dfdf	#190404	#190404
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #66cdaa und Farbwert #b22222

Füllen und Umranden von Befehl iframe

Für dieses Beispiel umranden wir <iframe> mit einem gefurchten, 2 Pixel dicken Rahmen in Farbwert #b22222 . Die Hintergrundfarbe für <iframe> färben wir entsprechend mit Farbwert #66cdaa. In HTML geht dies kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  iframe { border:2px groove #b22222; background-color:#66cdaa; }
//-->
</style>

Möglichkeiten vom Befehl iframe lesen Sie in der HTML Referenz unter <iframe>.

Wechsel der Hintergrundfarbe bei Hover bei Tag div

Mit HTML-Tag <div> setzen Sie einen Kontainer. Diesen kann man farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbwert #66cdaa auf Farbwert #b22222 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <div> in Farbwert #66cdaa vor.

In diesem Beispiel legen wir bei <div> die Hintergrundfarbe auf Farbwert #66cdaa fest. Die Größe der Schrift verkleinern wir auf 98%:

<style type="text/css"><!--
  div { 
    background-color:#66cdaa; 
    font-size:98%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #b22222 ändert.

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

Der Befehl div ist in der HTML Referenz bei <div> genau beschrieben.