Ressourcen: 120 HTML Farbnamen - Kombination von Farbe palevioletred und Farbe mediumturquoise

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 palevioletred			Schriftfarbe mediumturquoise
Detail	:	Hintergrund palevioletred	Detail	:	Schrift mediumturquoise
Farbe	:	palevioletred	Farbe	:	mediumturquoise
Farbwert	:	#db7093	Farbwert	:	#48d1cc
HTML	:	palevioletred	HTML	:	mediumturquoise
HTML (Wert)	:	#db7093	HTML (Wert)	:	#48d1cc
CSS	:	palevioletred	CSS	:	mediumturquoise
CSS (Wert)	:	#db7093	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#db7093	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(219,112,147)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(85%,43%,57%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbe palevioletred nach Schriftfarbe mediumturquoise
#db7093	#c67d9b	#b18ba3	#9c99ab	#87a7b3	#72b5bb	#5dc3c3	#48d1cc
#db7093	#c67d9b	#b18ba3	#9c99ab	#87a7b3	#72b5bb	#5dc3c3	#48d1cc

Kombination von palevioletred und mediumturquoise
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				mediumturquoise eignet sich nicht als Schriftfarbe auf Hintergrund palevioletred, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben mediumturquoise und palevioletred beträgt 92.05%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.95%.

Hintergrundfarbe palevioletred				Schriftfarbe mediumturquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#db7093	#db7093	#db7093	#db7093	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#e084a2	#e084a2	#bb607e	#bb607e	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#e598b1	#e598b1	#9c5069	#9c5069	#7cdeda	#7cdeda	#339591	#339591
#eaadc1	#eaadc1	#7d4054	#7d4054	#96e4e1	#96e4e1	#297774	#297774
#efc1d0	#efc1d0	#5d303f	#5d303f	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#f4d6e0	#f4d6e0	#3e202a	#3e202a	#caf1f0	#caf1f0	#143b3a	#143b3a
#f9eaef	#f9eaef	#1f1015	#1f1015	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palevioletred und Farbe mediumturquoise

Wechsel der Umrandung bei Hover mit HTML-Tag dd

Die Rahmenfarbe soll sich von Farbe palevioletred auf Farbe mediumturquoise ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <dd> in Farbe palevioletred vor.

In diesem Beispiel umranden wir <dd> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbe palevioletred.

<style type="text/css"><!--
  dd { border:2px dotted palevioletred; }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Rahmenfarbe auf mediumturquoise ändert.

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

Mehr zum Thema dd finden Sie in Listen und Glossare in HTML. Zur Beschreibung vom hier gezeigten Tag <dd>.

Füllen und Umranden mit HTML-Befehl center

Bei diesem Beispiel umranden wir <center> mit einem 2 Punkte dicken, einfallenden Rahmen in Farbe mediumturquoise . Den Hintergrund von <center> setzen wir entsprechend auf Farbe palevioletred. Das geht mit HTML nicht. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  center { border:2pt inset mediumturquoise; background-color:palevioletred; }
//-->
</style>

Mehr zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des HTML-Befehl <center>.