Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #7b68ee und Farbe forestgreen

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 #7b68ee			Schriftfarbe forestgreen
Detail	:	Hintergrund #7b68ee	Detail	:	Schrift forestgreen
Farbwert	:	#7b68ee	Farbe	:	forestgreen
Farbe	:	mediumslateblue	Farbwert	:	#228b22
HTML	:	#7b68ee	HTML	:	forestgreen
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#228b22
CSS	:	#7b68ee	CSS	:	forestgreen
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#228b22
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#228b22
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(34,139,34)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(13%,54%,13%)

Verlauf Hintergrundfarbwert #7b68ee nach Schriftfarbe forestgreen
#7b68ee	#6e6dd0	#6172b3	#547796	#487c79	#3b815c	#2e863f	#228b22
#7b68ee	#6e6dd0	#6172b3	#547796	#487c79	#3b815c	#2e863f	#228b22

Kombination von #7b68ee und forestgreen
Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				forestgreen ist nicht als Schriftfarbe auf Hintergrund #7b68ee geeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von forestgreen und #7b68ee ergibt sich zu 94.97%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.03%.

Hintergrundfarbwert #7b68ee				Schriftfarbe forestgreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#228b22	#228b22	#228b22	#228b22
#8d7df0	#8d7df0	#6959cc	#6959cc	#419b41	#419b41	#1d771d	#1d771d
#a093f2	#a093f2	#574aaa	#574aaa	#61ac61	#61ac61	#186318	#186318
#b3a8f5	#b3a8f5	#463b88	#463b88	#80bc80	#80bc80	#134f13	#134f13
#c6bef7	#c6bef7	#342c66	#342c66	#a0cda0	#a0cda0	#0e3b0e	#0e3b0e
#d9d3fa	#d9d3fa	#231d44	#231d44	#bfddbf	#bfddbf	#092709	#092709
#ece9fc	#ece9fc	#110e22	#110e22	#dfeedf	#dfeedf	#041304	#041304
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7b68ee und Farbe forestgreen

Text- und Unterstreichungsfarben von Tag span

Wir ändern bei diesem Beispiel die Textfarbe von <span> auf Farbe forestgreen. Die Schriftart ändern wir auf arial und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <span> mit Hilfe eines gestrichelten Rahmens mit 5 Punkte Dicke in Farbwert #7b68ee. Mit HTML geht dies nicht. Deshalb verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  span { 
    border-bottom:5pt dashed #7b68ee; 
    font-family:arial; 
    color:forestgreen; 
    font-size:13px;
  }
//-->
</style>

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

Beschreibung vom hier genutzten HTML-Tag <span>.

Wechsel der Umrandung bei Hover bei HTML-Befehl dfn

Die Rahmenfarbe soll sich von Farbwert #7b68ee auf Farbe forestgreen ändern, wenn man mit der Maus auf <dfn> zeigt. Bereiten wir zunächst die Darstellung von <dfn> in Farbwert #7b68ee vor.

In diesem Beispiel umranden wir <dfn> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbwert #7b68ee.

<style type="text/css"><!--
  dfn { 
    border-color:#7b68ee; 
    border-style:outset; 
    border-width:4px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf forestgreen geändert wird.

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

Mehr zu dfn finden Sie in Text in HTML. Der hier verwendete HTML-Befehl dfn ist in der HTML Referenz unter <dfn> ausführlich gezeigt.