Ressourcen: 137 HTML Farbnamen - Kombination von Farbe seashell und Farbwert #66cdaa

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 seashell			Schriftfarbwert #66cdaa
Detail	:	Hintergrund seashell	Detail	:	Schrift #66cdaa
Farbe	:	seashell	Farbwert	:	#66cdaa
Farbwert	:	#fff5ee	Farbe	:	mediumaquamarine
HTML	:	seashell	HTML	:	#66cdaa
HTML (Wert)	:	#fff5ee	HTML (Wert)	:	#66cdaa
CSS	:	seashell	CSS	:	#66cdaa
CSS (Wert)	:	#fff5ee	CSS (Wert)	:	#66cdaa
CSS (kürzest)	:	#fff5ee	CSS (kürzest)	:	#66cdaa
CSS (RGB)	:	rgb(255,245,238)	CSS (RGB)	:	rgb(102,205,170)
CSS (%RGB)	:	rgb(100%,96%,93%)	CSS (%RGB)	:	rgb(40%,80%,66%)

Verlauf Hintergrundfarbe seashell nach Schriftfarbwert #66cdaa
#fff5ee	#e9efe4	#d3e9da	#bde3d0	#a7dec7	#91d8bd	#7bd2b3	#66cdaa
#fff5ee	#e9efe4	#d3e9da	#bde3d0	#a7dec7	#91d8bd	#7bd2b3	#66cdaa

Kombination von seashell und #66cdaa
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund seashell ist #66cdaa ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #66cdaa und seashell ergibt sich zu 91.44%. Die Lesbarkeit dieser Kombination bewerte ich mit 8.56%.

Hintergrundfarbe seashell				Schriftfarbwert #66cdaa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff5ee	#fff5ee	#fff5ee	#fff5ee	#66cdaa	#66cdaa	#66cdaa	#66cdaa
#fff6f0	#fff6f0	#dad2cc	#dad2cc	#7bd4b6	#7bd4b6	#57af91	#57af91
#fff7f2	#fff7f2	#b6afaa	#b6afaa	#91dbc2	#91dbc2	#489279	#489279
#fff9f5	#fff9f5	#918c88	#918c88	#a7e2ce	#a7e2ce	#3a7561	#3a7561
#fffaf7	#fffaf7	#6d6966	#6d6966	#bde9da	#bde9da	#2b5748	#2b5748
#fffcfa	#fffcfa	#484644	#484644	#d3f0e6	#d3f0e6	#1d3a30	#1d3a30
#fffdfc	#fffdfc	#242322	#242322	#e9f7f2	#e9f7f2	#0e1d18	#0e1d18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seashell und Farbwert #66cdaa

Zebra-Effekt mit HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom so genannten Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit den Hintergrundfarben Farbe seashell und Farbwert #66cdaa.

<style type="text/css"><!--
  tr.ungerade { 
    background-color:seashell;
  }
  tr.gerade { 
    background-color:#66cdaa;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr class="ungerade"><td>Da:a</td><td>Db:a</td><td>Dc:a</td></tr>
<tr class="gerade"><td>Da:b</td><td>Db:b</td><td>Dc:b</td></tr>
<tr class="ungerade"><td>Da:c</td><td>Db:c</td><td>Dc:c</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML erfahren. Einzelheiten vom hier verwendeten Tag tr erfahren Sie in der HTML Referenz unter <tr>.

Wechsel der Umrandung bei Hover mit HTML-Tag p

Die Rahmenfarbe soll sich von Farbe seashell auf Farbwert #66cdaa ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <p> in Farbe seashell vor.

In diesem Beispiel umranden wir <p> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbe seashell.

<style type="text/css"><!--
  p { border:2px ridge seashell; }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #66cdaa geändert wird.

<style type="text/css"><!--
  p:hover { 
    border-color:#66cdaa;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom hier genutzten Tag p sind in der HTML Referenz unter <p> ausführlich zusammengestellt.