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

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 #006400			Schriftfarbwert #f5deb3
Detail	:	Hintergrund #006400	Detail	:	Schrift #f5deb3
Farbwert	:	#006400	Farbwert	:	#f5deb3
Farbe	:	darkgreen	Farbe	:	wheat
HTML	:	#006400	HTML	:	#f5deb3
HTML (Wert)	:	#006400	HTML (Wert)	:	#f5deb3
CSS	:	#006400	CSS	:	#f5deb3
CSS (Wert)	:	#006400	CSS (Wert)	:	#f5deb3
CSS (kürzest)	:	#006400	CSS (kürzest)	:	#f5deb3
CSS (RGB)	:	rgb(0,100,0)	CSS (RGB)	:	rgb(245,222,179)
CSS (%RGB)	:	rgb(0%,39%,0%)	CSS (%RGB)	:	rgb(96%,87%,70%)

Verlauf Hintergrundfarbwert #006400 nach Schriftfarbwert #f5deb3
#006400	#237519	#468633	#69984c	#8ca966	#afbb7f	#d2cc99	#f5deb3
#006400	#237519	#468633	#69984c	#8ca966	#afbb7f	#d2cc99	#f5deb3

Kombination von #006400 und #f5deb3
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#f5deb3 eignet sich als Schriftfarbe auf Hintergrund #006400, da die Unterschiede in Helligkeit und Farbe ok sind. Die Ähnlichkeit der Farben #f5deb3 und #006400 ergibt sich zu 73.04%. Die Lesbarkeit dieser Kombination liegt damit bei 26.96%.

Hintergrundfarbwert #006400				Schriftfarbwert #f5deb3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#006400	#006400	#006400	#006400	#f5deb3	#f5deb3	#f5deb3	#f5deb3
#247a24	#247a24	#005500	#005500	#f6e2bd	#f6e2bd	#d2be99	#d2be99
#489048	#489048	#004700	#004700	#f7e7c8	#f7e7c8	#af9e7f	#af9e7f
#6da66d	#6da66d	#003900	#003900	#f9ecd3	#f9ecd3	#8c7e66	#8c7e66
#91bc91	#91bc91	#002a00	#002a00	#faf0de	#faf0de	#695f4c	#695f4c
#b6d2b6	#b6d2b6	#001c00	#001c00	#fcf5e9	#fcf5e9	#463f33	#463f33
#dae8da	#dae8da	#000e00	#000e00	#fdfaf4	#fdfaf4	#231f19	#231f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #006400 und Farbwert #f5deb3

Wechsel der Textfarbe bei Hover von HTML-Befehl select

Die Textfarbe soll sich von Farbwert #006400 auf Farbwert #f5deb3 ändern, wenn man mit der Maus auf <select> zeigt. Bereiten wir zunächst die Formatierung von <select> in Farbwert #006400 vor.

Für dieses Beispiel legen wir Farbwert #006400 als Textfarbe von <select> fest. Die Hintergrundfarbe verändern wir nicht, setzen jedoch die Schriftart auf arial und vergrößern die Schriftgröße auf 116%:

<style type="text/css"><!--
  select { 
    color:#006400; 
    font-family:arial; 
    font-size:116%;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf #f5deb3 geändert wird.

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

Mehr zu select können Sie in Formulare in HTML erfahren. Mehr zum hier verwendeten HTML-Tag select lesen Sie in der HTML Referenz unter <select>.

Text- und Unterstreichungsfarben von Tag a

Einen Verweis erzeugt man mit HTML-Tag <a>. Diesen kann man farblich gestalten und hervorheben.

Wir ändern Hher die Textfarbe von <a> auf Farbwert #f5deb3. Die Schriftart setzen wir auf sans-serif und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines herausstehenden Rahmens mit 3 Punkte Dicke in Farbwert #006400. Mit HTML ist das kaum machbar. Wir nutzen daher CSS.

<style type="text/css"><!--
  a { 
    color:#f5deb3; 
    font-family:sans-serif; 
    border-bottom:3pt outset #006400; 
    font-size:13px;
  }
//-->
</style>

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

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Einzelheiten des Tag a sind in der HTML Referenz unter <a> genau gezeigt.