Ressourcen: 120 HTML Farbnamen - Kombination von Farbe cadetblue und Farbwert #2e8b57

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 cadetblue			Schriftfarbwert #2e8b57
Detail	:	Hintergrund cadetblue	Detail	:	Schrift #2e8b57
Farbe	:	cadetblue	Farbwert	:	#2e8b57
Farbwert	:	#5f9ea0	Farbe	:	seagreen
HTML	:	cadetblue	HTML	:	#2e8b57
HTML (Wert)	:	#5f9ea0	HTML (Wert)	:	#2e8b57
CSS	:	cadetblue	CSS	:	#2e8b57
CSS (Wert)	:	#5f9ea0	CSS (Wert)	:	#2e8b57
CSS (kürzest)	:	#5f9ea0	CSS (kürzest)	:	#2e8b57
CSS (RGB)	:	rgb(95,158,160)	CSS (RGB)	:	rgb(46,139,87)
CSS (%RGB)	:	rgb(37%,61%,62%)	CSS (%RGB)	:	rgb(18%,54%,34%)

Verlauf Hintergrundfarbe cadetblue nach Schriftfarbwert #2e8b57
#5f9ea0	#589b95	#51988b	#4a9580	#439376	#3c906b	#358d61	#2e8b57
#5f9ea0	#589b95	#51988b	#4a9580	#439376	#3c906b	#358d61	#2e8b57

Kombination von cadetblue und #2e8b57
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit der Farben #2e8b57 und cadetblue ergibt sich zu 93.37%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.63%. Auf Hintergrund cadetblue ist #2e8b57 ungeeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe cadetblue				Schriftfarbwert #2e8b57
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0	#2e8b57	#2e8b57	#2e8b57	#2e8b57
#75abad	#75abad	#518789	#518789	#4b9b6f	#4b9b6f	#27774a	#27774a
#8cb9bb	#8cb9bb	#437072	#437072	#69ac87	#69ac87	#20633e	#20633e
#a3c7c8	#a3c7c8	#365a5b	#365a5b	#87bc9f	#87bc9f	#1a4f31	#1a4f31
#bad5d6	#bad5d6	#284344	#284344	#a5cdb7	#a5cdb7	#133b25	#133b25
#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d	#c3ddcf	#c3ddcf	#0d2718	#0d2718
#e8f1f1	#e8f1f1	#0d1616	#0d1616	#e1eee7	#e1eee7	#06130c	#06130c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe cadetblue und Farbwert #2e8b57

Hintergrund/Text-Kombination bei Befehl dd

Wir ändern bei diesem Beispiel die Textfarbe von <dd> auf Farbwert #2e8b57 und die Hintergrundfarbe von <dd> auf Farbe cadetblue. Als Schriftart wählen wir arial und verringern die Schriftgröße auf 90%.

<style type="text/css"><!--
  dd { 
    background-color: cadetblue; 
    color: #2e8b57; 
    font-family: arial; 
    font-size: 90%;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Listen und Glossare in HTML. Einzelheiten vom hier gezeigten HTML-Tag dd sind in der HTML Referenz unter <dd> beschrieben.

Wechsel der Umrandung bei Hover bei Befehl h4

Eine Überschrift wird mit HTML-Befehl <h4> erzeugt. Diese kann farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbe cadetblue auf Farbwert #2e8b57 ändern, wenn man mit der Maus auf <h4> zeigt. Bereiten wir zunächst die Darstellung von <h4> in Farbe cadetblue vor.

In diesem Beispiel umranden wir <h4> mit einem 2 Pixel dicken, gestrichelten Rahmen in Farbe cadetblue.

<style type="text/css"><!--
  h4 { 
    border-style:dashed; 
    border-width:2px; 
    border-color:cadetblue;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #2e8b57 ändert.

<style type="text/css"><!--
  h4: hover { 
    border-color: #2e8b57;
  }
//-->
</style>

Weiteres zu h4 können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten des HTML-Tag h4 erfahren Sie in der HTML Referenz unter <h4>.