Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #2f4f4f und Farbe midnightblue

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 #2f4f4f			Schriftfarbe midnightblue
Detail	:	Hintergrund #2f4f4f	Detail	:	Schrift midnightblue
Farbwert	:	#2f4f4f	Farbe	:	midnightblue
Farbe	:	darkslategray	Farbwert	:	#191970
HTML	:	#2f4f4f	HTML	:	midnightblue
HTML (Wert)	:	#2f4f4f	HTML (Wert)	:	#191970
CSS	:	#2f4f4f	CSS	:	midnightblue
CSS (Wert)	:	#2f4f4f	CSS (Wert)	:	#191970
CSS (kürzest)	:	#2f4f4f	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(47,79,79)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(18%,30%,30%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbwert #2f4f4f nach Schriftfarbe midnightblue
#2f4f4f	#2b4753	#283f58	#25375d	#223061	#1f2866	#1c206b	#191970
#2f4f4f	#2b4753	#283f58	#25375d	#223061	#1f2866	#1c206b	#191970

Kombination von #2f4f4f und midnightblue
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von midnightblue und #2f4f4f beträgt 92.08%. Die Lesbarkeit dieser Kombination liegt damit bei 7.92%. midnightblue eignet sich nicht als Schriftfarbe auf Hintergrund #2f4f4f, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #2f4f4f				Schriftfarbe midnightblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f	#191970	#191970	#191970	#191970
#4c6868	#4c6868	#284343	#284343	#393984	#393984	#151560	#151560
#6a8181	#6a8181	#213838	#213838	#5a5a98	#5a5a98	#111150	#111150
#889a9a	#889a9a	#1a2d2d	#1a2d2d	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#a5b3b3	#a5b3b3	#142121	#142121	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#c3cccc	#c3cccc	#0d1616	#0d1616	#bdbdd6	#bdbdd6	#070720	#070720
#e1e5e5	#e1e5e5	#060b0b	#060b0b	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #2f4f4f und Farbe midnightblue

Füllen und Umranden von Tag var

In diesem Beispiel umranden wir <var> mit einem gefurchten, 2 Pixel dicken Rahmen in Farbe midnightblue . Die Hintergrundfarbe für <var> setzen wir entsprechend auf Farbwert #2f4f4f. Mit HTML geht das kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  var { 
    border-style: groove; 
    border-color: midnightblue; 
    border-width: 2px; 
    background-color: #2f4f4f;
  }
//-->
</style>

Weiteres zum Thema var können Sie in Text in HTML erfahren. Der hier verwendete Tag var ist in der HTML Referenz unter <var> ausführlich beschrieben.

Wechsel der Umrandung bei Hover bei Befehl strike

Die Rahmenfarbe soll sich von Farbwert #2f4f4f auf Farbe midnightblue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <strike> in Farbwert #2f4f4f vor.

In diesem Beispiel umranden wir <strike> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbwert #2f4f4f.

<style type="text/css"><!--
  strike { border:5px groove #2f4f4f; }
//-->
</style>

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

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

Mehr zum Thema können Sie in Text in HTML lesen. Mehr zum hier gezeigten Tag strike finden Sie in der HTML Referenz unter <strike>.