Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkviolet und Farbwert #191970

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 darkviolet			Schriftfarbwert #191970
Detail	:	Hintergrund darkviolet	Detail	:	Schrift #191970
Farbe	:	darkviolet	Farbwert	:	#191970
Farbwert	:	#9400d3	Farbe	:	midnightblue
HTML	:	darkviolet	HTML	:	#191970
HTML (Wert)	:	#9400d3	HTML (Wert)	:	#191970
CSS	:	darkviolet	CSS	:	#191970
CSS (Wert)	:	#9400d3	CSS (Wert)	:	#191970
CSS (kürzest)	:	#9400d3	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(148,0,211)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(58%,0%,82%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbe darkviolet nach Schriftfarbwert #191970
#9400d3	#8203c4	#7007b6	#5f0aa8	#4d0e9a	#3c118c	#2a157e	#191970
#9400d3	#8203c4	#7007b6	#5f0aa8	#4d0e9a	#3c118c	#2a157e	#191970

Kombination von darkviolet und #191970
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				#191970 ist nicht als Schriftfarbe auf Hintergrund darkviolet geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von #191970 und darkviolet beträgt 89.23%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 10.77%.

Hintergrundfarbe darkviolet				Schriftfarbwert #191970
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9400d3	#9400d3	#9400d3	#9400d3	#191970	#191970	#191970	#191970
#a324d9	#a324d9	#7e00b4	#7e00b4	#393984	#393984	#151560	#151560
#b248df	#b248df	#690096	#690096	#5a5a98	#5a5a98	#111150	#111150
#c16de5	#c16de5	#540078	#540078	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#d191ec	#d191ec	#3f005a	#3f005a	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#e0b6f2	#e0b6f2	#2a003c	#2a003c	#bdbdd6	#bdbdd6	#070720	#070720
#efdaf8	#efdaf8	#15001e	#15001e	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkviolet und Farbwert #191970

Füllen und Umranden mit HTML-Tag a

Mit Tag <a> wird ein Hyperlink erzeugt. Diesen können Sie hervorheben und farblich gestalten.

Hier umranden wir <a> mit einem 4 Punkte dicken, einfallenden Rahmen in Farbwert #191970 . Den Hintergrund von <a> färben wir mit Farbe darkviolet. Mit HTML geht das nicht. Deshalb verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-style: inset; 
    border-color: #191970; 
    background-color: darkviolet; 
    border-width: 4pt;
  }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML finden. Weiteres zum hier gezeigten Befehl a finden Sie in der HTML Referenz unter <a>.

Wechsel der Textfarbe bei Hover von HTML-Befehl button

Die Textfarbe soll sich von Farbe darkviolet auf Farbwert #191970 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <button> in Farbe darkviolet vor.

Wir legen hier Farbe darkviolet als Textfarbe von <button> fest. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  button { 
    font-family: sans-serif; 
    color: darkviolet;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #191970 ändert.

<style type="text/css"><!--
  button:hover { 
    color:#191970;
  }
//-->
</style>

Mehr zu button erfahren Sie in Formulare in HTML. Zur Beschreibung des Tag <button>.