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

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 #32cd32
Detail	:	Hintergrund cadetblue	Detail	:	Schrift #32cd32
Farbe	:	cadetblue	Farbwert	:	#32cd32
Farbwert	:	#5f9ea0	Farbe	:	limegreen
HTML	:	cadetblue	HTML	:	#32cd32
HTML (Wert)	:	#5f9ea0	HTML (Wert)	:	#32cd32
CSS	:	cadetblue	CSS	:	#32cd32
CSS (Wert)	:	#5f9ea0	CSS (Wert)	:	#32cd32
CSS (kürzest)	:	#5f9ea0	CSS (kürzest)	:	#32cd32
CSS (RGB)	:	rgb(95,158,160)	CSS (RGB)	:	rgb(50,205,50)
CSS (%RGB)	:	rgb(37%,61%,62%)	CSS (%RGB)	:	rgb(19%,80%,19%)

Verlauf Hintergrundfarbe cadetblue nach Schriftfarbwert #32cd32
#5f9ea0	#58a490	#52ab80	#4bb270	#45b861	#3ebf51	#38c641	#32cd32
#5f9ea0	#58a490	#52ab80	#4bb270	#45b861	#3ebf51	#38c641	#32cd32

Kombination von cadetblue und #32cd32
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #32cd32 und cadetblue beträgt 93.14%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.86%. Auf Hintergrund cadetblue ist #32cd32 ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe cadetblue				Schriftfarbwert #32cd32
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0	#32cd32	#32cd32	#32cd32	#32cd32
#75abad	#75abad	#518789	#518789	#4fd44f	#4fd44f	#2aaf2a	#2aaf2a
#8cb9bb	#8cb9bb	#437072	#437072	#6cdb6c	#6cdb6c	#239223	#239223
#a3c7c8	#a3c7c8	#365a5b	#365a5b	#89e289	#89e289	#1c751c	#1c751c
#bad5d6	#bad5d6	#284344	#284344	#a7e9a7	#a7e9a7	#155715	#155715
#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d	#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e
#e8f1f1	#e8f1f1	#0d1616	#0d1616	#e1f7e1	#e1f7e1	#071d07	#071d07
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe cadetblue und Farbwert #32cd32

Wechsel der Textfarbe bei Hover bei Tag div

Mit Befehl <div> wird ein Universalkontainer erzeugt. Diesen kann man hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbe cadetblue auf Farbwert #32cd32 ändern, wenn man mit der Maus auf <div> zeigt. Wir bereiten zunächst eine Formatierung von <div> in Farbe cadetblue vor.

In diesem Beispiel ändern wir bei <div> die Textfarbe auf Farbe cadetblue. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart setzen wir auf courier new. Die Schriftgröße setzen wir auf 9px:

<style type="text/css"><!--
  div { 
    color: cadetblue; 
    font-size: 9px; 
    font-family: courier new;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #32cd32 ändert.

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

Weiteres zum Tag div ist in der HTML Referenz unter <div> beschrieben.

Wechsel der Umrandung bei Hover mit HTML-Befehl tbody

Die Rahmenfarbe soll sich von Farbe cadetblue auf Farbwert #32cd32 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <tbody> in Farbe cadetblue vor.

In diesem Beispiel umranden wir <tbody> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbe cadetblue.

<style type="text/css"><!--
  tbody { 
    border-style:dotted; 
    border-color:cadetblue; 
    border-width:3px;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #32cd32 geändert wird.

<style type="text/css"><!--
  tbody:hover { 
    border-color:#32cd32;
  }
//-->
</style>

Mehr zum Thema finden Sie in Tabellen in HTML. Weiteres zum Befehl tbody ist in der HTML Referenz bei <tbody> zusammengestellt.