Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #66cdaa und Farbwert #6b8e23

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.

Hintergrundfarbwert #66cdaa			Schriftfarbwert #6b8e23
Detail	:	Hintergrund #66cdaa	Detail	:	Schrift #6b8e23
Farbwert	:	#66cdaa	Farbwert	:	#6b8e23
Farbe	:	mediumaquamarine	Farbe	:	olivedrab
HTML	:	#66cdaa	HTML	:	#6b8e23
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#6b8e23
CSS	:	#66cdaa	CSS	:	#6b8e23
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbwert #66cdaa nach Schriftfarbwert #6b8e23
#66cdaa	#66c496	#67bb83	#68b270	#68a95c	#69a049	#6a9736	#6b8e23
#66cdaa	#66c496	#67bb83	#68b270	#68a95c	#69a049	#6a9736	#6b8e23

Kombination von #66cdaa und #6b8e23
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #6b8e23 und #66cdaa beträgt 90.61%. Die Lesbarkeit dieser Kombination bewerte ich mit 9.39%. Auf Hintergrund #66cdaa ist #6b8e23 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbwert #66cdaa				Schriftfarbwert #6b8e23
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#7bd4b6	#7bd4b6	#57af91	#57af91	#809e42	#809e42	#5b791e	#5b791e
#91dbc2	#91dbc2	#489279	#489279	#95ae61	#95ae61	#4c6519	#4c6519
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#aabe81	#aabe81	#3d5114	#3d5114
#bde9da	#bde9da	#2b5748	#2b5748	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#d4dec0	#d4dec0	#1e280a	#1e280a
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #66cdaa und Farbwert #6b8e23

Wechsel der Umrandung bei Hover mit HTML-Befehl a

Einen Link setzen Sie mit Befehl <a>. Dieser kann farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbwert #66cdaa auf Farbwert #6b8e23 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <a> in Farbwert #66cdaa vor.

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbwert #66cdaa.

<style type="text/css"><!--
  a { border:2px outset #66cdaa; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #6b8e23 gesetzt wird.

<style type="text/css"><!--
  a: hover { 
    border-color: #6b8e23;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Weiteres zum HTML-Tag <a>.

Füllen und Umranden von Tag samp

Für dieses Beispiel umranden wir <samp> mit einem . Den Hintergrund von <samp> setzen wir entsprechend auf Farbwert #66cdaa. In HTML ist dies kaum machbar. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  samp { border:4pt inset #6b8e23; background-color:#66cdaa; }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML nachsehen. Mehr zum hier genutzten HTML-Tag samp lesen Sie in der HTML Referenz unter <samp>.