Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #20b2aa 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 #20b2aa			Schriftfarbe cadetblue
Detail	:	Hintergrund #20b2aa	Detail	:	Schrift cadetblue
Farbwert	:	#20b2aa	Farbe	:	cadetblue
Farbe	:	lightseagreen	Farbwert	:	#5f9ea0
HTML	:	#20b2aa	HTML	:	cadetblue
HTML (Wert)	:	#20b2aa	HTML (Wert)	:	#5f9ea0
CSS	:	#20b2aa	CSS	:	cadetblue
CSS (Wert)	:	#20b2aa	CSS (Wert)	:	#5f9ea0
CSS (kürzest)	:	#20b2aa	CSS (kürzest)	:	#5f9ea0
CSS (RGB)	:	rgb(32,178,170)	CSS (RGB)	:	rgb(95,158,160)
CSS (%RGB)	:	rgb(12%,69%,66%)	CSS (%RGB)	:	rgb(37%,61%,62%)

Verlauf Hintergrundfarbwert #20b2aa nach Schriftfarbe cadetblue
#20b2aa	#29afa8	#32aca7	#3ba9a5	#44a6a4	#4da3a2	#56a0a1	#5f9ea0
#20b2aa	#29afa8	#32aca7	#3ba9a5	#44a6a4	#4da3a2	#56a0a1	#5f9ea0

Kombination von #20b2aa und cadetblue
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				cadetblue eignet sich nicht als Schriftfarbe auf Hintergrund #20b2aa. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit von cadetblue und #20b2aa beträgt 94.46%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.54%.

Hintergrundfarbwert #20b2aa				Schriftfarbe cadetblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#20b2aa	#20b2aa	#20b2aa	#20b2aa	#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0
#3fbdb6	#3fbdb6	#1b9891	#1b9891	#75abad	#75abad	#518789	#518789
#5fc8c2	#5fc8c2	#167f79	#167f79	#8cb9bb	#8cb9bb	#437072	#437072
#7fd3ce	#7fd3ce	#126561	#126561	#a3c7c8	#a3c7c8	#365a5b	#365a5b
#9fdeda	#9fdeda	#0d4c48	#0d4c48	#bad5d6	#bad5d6	#284344	#284344
#bfe9e6	#bfe9e6	#093230	#093230	#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d
#dff4f2	#dff4f2	#041918	#041918	#e8f1f1	#e8f1f1	#0d1616	#0d1616
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #20b2aa und Farbe cadetblue

Wechsel der Umrandung bei Hover von Befehl iframe

Die Rahmenfarbe soll sich von Farbwert #20b2aa auf Farbe cadetblue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <iframe> in Farbwert #20b2aa vor.

In diesem Beispiel umranden wir <iframe> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbwert #20b2aa.

<style type="text/css"><!--
  iframe { border:5px outset #20b2aa; }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf cadetblue ändert.

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

Beschreibung des hier gezeigten HTML-Befehl <iframe>.