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

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 #ffd700			Schriftfarbe seagreen
Detail	:	Hintergrund #ffd700	Detail	:	Schrift seagreen
Farbwert	:	#ffd700	Farbe	:	seagreen
Farbe	:	gold	Farbwert	:	#2e8b57
HTML	:	#ffd700	HTML	:	seagreen
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#2e8b57
CSS	:	#ffd700	CSS	:	seagreen
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#2e8b57
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#2e8b57
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(46,139,87)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(18%,54%,34%)

Verlauf Hintergrundfarbwert #ffd700 nach Schriftfarbe seagreen
#ffd700	#e1cc0c	#c3c118	#a5b625	#87ab31	#69a03e	#4b954a	#2e8b57
#ffd700	#e1cc0c	#c3c118	#a5b625	#87ab31	#69a03e	#4b954a	#2e8b57

Kombination von #ffd700 und seagreen
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				seagreen ist nicht als Schriftfarbe auf Hintergrund #ffd700 geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben seagreen und #ffd700 beträgt 85.59%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 14.41%.

Hintergrundfarbwert #ffd700				Schriftfarbe seagreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#2e8b57	#2e8b57	#2e8b57	#2e8b57
#ffdc24	#ffdc24	#dab800	#dab800	#4b9b6f	#4b9b6f	#27774a	#27774a
#ffe248	#ffe248	#b69900	#b69900	#69ac87	#69ac87	#20633e	#20633e
#ffe86d	#ffe86d	#917a00	#917a00	#87bc9f	#87bc9f	#1a4f31	#1a4f31
#ffed91	#ffed91	#6d5c00	#6d5c00	#a5cdb7	#a5cdb7	#133b25	#133b25
#fff3b6	#fff3b6	#483d00	#483d00	#c3ddcf	#c3ddcf	#0d2718	#0d2718
#fff9da	#fff9da	#241e00	#241e00	#e1eee7	#e1eee7	#06130c	#06130c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffd700 und Farbe seagreen

Hintergrund/Text-Kombination von Befehl span

Wir ändern bei diesem Beispiel die Textfarbe von <span> auf Farbe seagreen und die Hintergrundfarbe von <span> auf Farbwert #ffd700. Die Schriftart ändern wir auf monospace und als Schriftgröße setzen wir 116%.

<style type="text/css"><!--
  span { 
    font-family: monospace; 
    background-color: #ffd700; 
    color: seagreen; 
    font-size: 116%;
  }
//-->
</style>

Weiteres zum HTML-Tag <span>.

Wechsel der Umrandung bei Hover mit Befehl th

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

In diesem Beispiel umranden wir <th> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #ffd700.

<style type="text/css"><!--
  th { 
    border-style:dotted; 
    border-width:4px; 
    border-color:#ffd700;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe auf seagreen ändert.

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

Mehr zum Thema th lesen Sie in Tabellen in HTML. Beschreibung des HTML-Tag <th>.