Ressourcen: 120 HTML Farbnamen - Kombination von Farbe palegreen und Farbwert #006400

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 palegreen			Schriftfarbwert #006400
Detail	:	Hintergrund palegreen	Detail	:	Schrift #006400
Farbe	:	palegreen	Farbwert	:	#006400
Farbwert	:	#98fb98	Farbe	:	darkgreen
HTML	:	palegreen	HTML	:	#006400
HTML (Wert)	:	#98fb98	HTML (Wert)	:	#006400
CSS	:	palegreen	CSS	:	#006400
CSS (Wert)	:	#98fb98	CSS (Wert)	:	#006400
CSS (kürzest)	:	#98fb98	CSS (kürzest)	:	#006400
CSS (RGB)	:	rgb(152,251,152)	CSS (RGB)	:	rgb(0,100,0)
CSS (%RGB)	:	rgb(59%,98%,59%)	CSS (%RGB)	:	rgb(0%,39%,0%)

Verlauf Hintergrundfarbe palegreen nach Schriftfarbwert #006400
#98fb98	#82e582	#6ccf6c	#56ba56	#41a441	#2b8f2b	#157915	#006400
#98fb98	#82e582	#6ccf6c	#56ba56	#41a441	#2b8f2b	#157915	#006400

Kombination von palegreen und #006400
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #006400 und palegreen ergibt sich zu 72.02%. Die Lesbarkeit dieser Kombination liegt damit bei 27.98%. Auf Hintergrund palegreen ist #006400 ungeeignet, da sich die Farben zu ähnlich sind.

Hintergrundfarbe palegreen				Schriftfarbwert #006400
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#98fb98	#98fb98	#98fb98	#98fb98	#006400	#006400	#006400	#006400
#a6fba6	#a6fba6	#82d782	#82d782	#247a24	#247a24	#005500	#005500
#b5fcb5	#b5fcb5	#6cb36c	#6cb36c	#489048	#489048	#004700	#004700
#c4fcc4	#c4fcc4	#568f56	#568f56	#6da66d	#6da66d	#003900	#003900
#d2fdd2	#d2fdd2	#416b41	#416b41	#91bc91	#91bc91	#002a00	#002a00
#e1fde1	#e1fde1	#2b472b	#2b472b	#b6d2b6	#b6d2b6	#001c00	#001c00
#f0fef0	#f0fef0	#152315	#152315	#dae8da	#dae8da	#000e00	#000e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palegreen und Farbwert #006400

Füllen und Umranden bei Tag dfn

Hier umranden wir <dfn> mit einem gepunkteten, 1 Punkte dicken Rahmen in Farbwert #006400 . Die Hintergrundfarbe für <dfn> färben wir mit Farbe palegreen. Das geht mit HTML nicht. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  dfn { 
    border-color: #006400; 
    border-style: dotted; 
    border-width: 1pt; 
    background-color: palegreen;
  }
//-->
</style>

Weiteres zum Thema dfn können Sie in Text in HTML nachsehen. Mehr zum Tag dfn erfahren Sie in der HTML Referenz unter <dfn>.

Wechsel der Umrandung bei Hover mit HTML-Befehl col

Die Rahmenfarbe soll sich von Farbe palegreen auf Farbwert #006400 ändern, wenn man mit der Maus auf <col> zeigt. Bereiten wir zunächst eine Darstellung von <col> in Farbe palegreen vor.

In diesem Beispiel umranden wir <col> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbe palegreen.

<style type="text/css"><!--
  col { border:1px groove palegreen; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #006400 ändert.

<style type="text/css"><!--
  col: hover { 
    border-color: #006400;
  }
//-->
</style>

Mehr zu col können Sie in Tabellen in HTML finden. Einzelheiten des hier verwendeten HTML-Tag <col>.