Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #da70d6 und Farbwert #3cb371

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #da70d6			Schriftfarbwert #3cb371
Detail	:	Hintergrund #da70d6	Detail	:	Schrift #3cb371
Farbwert	:	#da70d6	Farbwert	:	#3cb371
Farbe	:	orchid	Farbe	:	mediumseagreen
HTML	:	#da70d6	HTML	:	#3cb371
HTML (Wert)	:	#da70d6	HTML (Wert)	:	#3cb371
CSS	:	#da70d6	CSS	:	#3cb371
CSS (Wert)	:	#da70d6	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#da70d6	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(218,112,214)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(85%,43%,83%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbwert #da70d6 nach Schriftfarbwert #3cb371
#da70d6	#c379c7	#ac83b9	#968caa	#7f969c	#699f8d	#52a97f	#3cb371
#da70d6	#c379c7	#ac83b9	#968caa	#7f969c	#699f8d	#52a97f	#3cb371

Kombination von #da70d6 und #3cb371
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von #3cb371 und #da70d6 beträgt 94.84%. Die Lesbarkeit dieser Kombination liegt damit bei 5.16%. #3cb371 ist nicht als Schriftfarbe auf Hintergrund #da70d6 geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbwert #da70d6				Schriftfarbwert #3cb371
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#da70d6	#da70d6	#da70d6	#da70d6	#3cb371	#3cb371	#3cb371	#3cb371
#df84db	#df84db	#ba60b7	#ba60b7	#57bd85	#57bd85	#339960	#339960
#e498e1	#e498e1	#9b5098	#9b5098	#73c899	#73c899	#2a7f50	#2a7f50
#e9ade7	#e9ade7	#7c407a	#7c407a	#8fd3ad	#8fd3ad	#226640	#226640
#efc1ed	#efc1ed	#5d305b	#5d305b	#abdec2	#abdec2	#194c30	#194c30
#f4d6f3	#f4d6f3	#3e203d	#3e203d	#c7e9d6	#c7e9d6	#113320	#113320
#f9eaf9	#f9eaf9	#1f101e	#1f101e	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #da70d6 und Farbwert #3cb371

Text- und Unterstreichungsfarben mit Befehl h1

Eine Überschrift der 1. Stufe wird mit HTML-Tag <h1> gesetzt und kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <h1> auf Farbwert #3cb371. Die Schriftart setzen wir auf courier new. Die Schriftgröße vergrößern wir auf 117%. Wir unterstreichen den Inhalt von <h1> mit Hilfe eines gepunkteten Rahmens mit 3 Punkte Dicke in Farbwert #da70d6. Dies geht mit HTML kaum. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  h1 { 
    color:#3cb371; 
    font-size:117%; 
    border-bottom-width:3pt; 
    border-bottom-style:dotted; 
    border-bottom-color:#da70d6; 
    font-family:courier new;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zu h1 können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten des hier genutzten HTML-Befehl <h1>.

Wechsel der Umrandung bei Hover mit HTML-Befehl iframe

Die Rahmenfarbe soll sich von Farbwert #da70d6 auf Farbwert #3cb371 ändern, wenn man mit der Maus auf <iframe> zeigt. Bereiten wir zunächst eine Formatierung von <iframe> in Farbwert #da70d6 vor.

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

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

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #3cb371 ändert.

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

Der hier verwendete HTML-Befehl iframe ist in der HTML Referenz bei <iframe> zusammengestellt.