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

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 forestgreen			Schriftfarbwert #ffd700
Detail	:	Hintergrund forestgreen	Detail	:	Schrift #ffd700
Farbe	:	forestgreen	Farbwert	:	#ffd700
Farbwert	:	#228b22	Farbe	:	gold
HTML	:	forestgreen	HTML	:	#ffd700
HTML (Wert)	:	#228b22	HTML (Wert)	:	#ffd700
CSS	:	forestgreen	CSS	:	#ffd700
CSS (Wert)	:	#228b22	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#228b22	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(34,139,34)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(13%,54%,13%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbe forestgreen nach Schriftfarbwert #ffd700
#228b22	#41951d	#61a018	#80ab13	#a0b60e	#bfc109	#dfcc04	#ffd700
#228b22	#41951d	#61a018	#80ab13	#a0b60e	#bfc109	#dfcc04	#ffd700

Kombination von forestgreen und #ffd700
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				Auf Hintergrund forestgreen ist #ffd700 ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von #ffd700 und forestgreen beträgt 85.10%. Die Lesbarkeit dieser Farbkombination liegt damit bei 14.90%.

Hintergrundfarbe forestgreen				Schriftfarbwert #ffd700
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#228b22	#228b22	#228b22	#228b22	#ffd700	#ffd700	#ffd700	#ffd700
#419b41	#419b41	#1d771d	#1d771d	#ffdc24	#ffdc24	#dab800	#dab800
#61ac61	#61ac61	#186318	#186318	#ffe248	#ffe248	#b69900	#b69900
#80bc80	#80bc80	#134f13	#134f13	#ffe86d	#ffe86d	#917a00	#917a00
#a0cda0	#a0cda0	#0e3b0e	#0e3b0e	#ffed91	#ffed91	#6d5c00	#6d5c00
#bfddbf	#bfddbf	#092709	#092709	#fff3b6	#fff3b6	#483d00	#483d00
#dfeedf	#dfeedf	#041304	#041304	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe forestgreen und Farbwert #ffd700

Wechsel der Umrandung bei Hover von Befehl pre

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

In diesem Beispiel umranden wir <pre> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe forestgreen.

<style type="text/css"><!--
  pre { 
    border-width:4px; 
    border-color:forestgreen; 
    border-style:ridge;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Rahmenfarbe zu #ffd700 ändert.

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

Mehr zum Thema pre können Sie in Blockorientierte Elemente in HTML nachsehen. Der hier verwendete Tag pre ist in der HTML Referenz bei <pre> genau beschrieben.

Füllen und Umranden mit HTML-Tag hr

Für dieses Beispiel umranden wir <hr> mit einem 3 Punkte dicken, doppelten Rahmen in Farbwert #ffd700 . Die Hintergrundfarbe für <hr> setzen wir entsprechend auf Farbe forestgreen. Dies geht mit HTML nicht. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  hr { 
    border-width: 3pt; 
    background-color: forestgreen; 
    border-color: #ffd700; 
    border-style: double;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung des Tag <hr>.