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

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 #e0ffff			Schriftfarbe cadetblue
Detail	:	Hintergrund #e0ffff	Detail	:	Schrift cadetblue
Farbwert	:	#e0ffff	Farbe	:	cadetblue
Farbe	:	lightcyan	Farbwert	:	#5f9ea0
HTML	:	#e0ffff	HTML	:	cadetblue
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#5f9ea0
CSS	:	#e0ffff	CSS	:	cadetblue
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#5f9ea0
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#5f9ea0
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(95,158,160)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(37%,61%,62%)

Verlauf Hintergrundfarbwert #e0ffff nach Schriftfarbe cadetblue
#e0ffff	#cdf1f1	#bbe3e3	#a8d5d6	#96c7c8	#83b9bb	#71abad	#5f9ea0
#e0ffff	#cdf1f1	#bbe3e3	#a8d5d6	#96c7c8	#83b9bb	#71abad	#5f9ea0

Kombination von #e0ffff und cadetblue
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben cadetblue und #e0ffff ergibt sich zu 86.22%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 13.78%. Auf Hintergrund #e0ffff ist cadetblue ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #e0ffff				Schriftfarbe cadetblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0
#e4ffff	#e4ffff	#c0dada	#c0dada	#75abad	#75abad	#518789	#518789
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#8cb9bb	#8cb9bb	#437072	#437072
#edffff	#edffff	#809191	#809191	#a3c7c8	#a3c7c8	#365a5b	#365a5b
#f1ffff	#f1ffff	#606d6d	#606d6d	#bad5d6	#bad5d6	#284344	#284344
#f6ffff	#f6ffff	#404848	#404848	#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d
#faffff	#faffff	#202424	#202424	#e8f1f1	#e8f1f1	#0d1616	#0d1616
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e0ffff und Farbe cadetblue

Wechsel der Textfarbe bei Hover mit Tag p

Die Textfarbe soll sich von Farbwert #e0ffff auf Farbe cadetblue ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <p> in Farbwert #e0ffff vor.

Als Beispiel legen wir Farbwert #e0ffff als Textfarbe von <p> fest. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf courier new. Die Schriftgröße setzen wir auf 9pt:

<style type="text/css"><!--
  p { 
    color: #e0ffff; 
    font-size: 9pt; 
    font-family: courier new;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe zu cadetblue ändert.

<style type="text/css"><!--
  p: hover { 
    color: cadetblue;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum Befehl p ist in der HTML Referenz unter <p> ausführlich beschrieben.

Füllen und Umranden mit HTML-Befehl frameset

Bei diesem Beispiel umranden wir <frameset> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbe cadetblue . Den Hintergrund von <frameset> setzen wir entsprechend auf Farbwert #e0ffff. In HTML geht dies kaum. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  frameset { border:3px inset cadetblue; background-color:#e0ffff; }
//-->
</style>

Einzelheiten vom hier gezeigten HTML-Tag <frameset>.