Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffd700 und Farbwert #40e0d0

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #ffd700			Schriftfarbwert #40e0d0
Detail	:	Hintergrund #ffd700	Detail	:	Schrift #40e0d0
Farbwert	:	#ffd700	Farbwert	:	#40e0d0
Farbe	:	gold	Farbe	:	turquoise
HTML	:	#ffd700	HTML	:	#40e0d0
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#40e0d0
CSS	:	#ffd700	CSS	:	#40e0d0
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#40e0d0
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#40e0d0
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(64,224,208)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(25%,87%,81%)

Verlauf Hintergrundfarbwert #ffd700 nach Schriftfarbwert #40e0d0
#ffd700	#e3d81d	#c8d93b	#adda59	#91dc76	#76dd94	#5bdeb2	#40e0d0
#ffd700	#e3d81d	#c8d93b	#adda59	#91dc76	#76dd94	#5bdeb2	#40e0d0

Kombination von #ffd700 und #40e0d0
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #ffd700 ist #40e0d0 ungeeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #40e0d0 und #ffd700 beträgt 94.43%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.57%.

Hintergrundfarbwert #ffd700				Schriftfarbwert #40e0d0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#40e0d0	#40e0d0	#40e0d0	#40e0d0
#ffdc24	#ffdc24	#dab800	#dab800	#5be4d6	#5be4d6	#36c0b2	#36c0b2
#ffe248	#ffe248	#b69900	#b69900	#76e8dd	#76e8dd	#2da094	#2da094
#ffe86d	#ffe86d	#917a00	#917a00	#91ede4	#91ede4	#248076	#248076
#ffed91	#ffed91	#6d5c00	#6d5c00	#adf1ea	#adf1ea	#1b6059	#1b6059
#fff3b6	#fff3b6	#483d00	#483d00	#c8f6f1	#c8f6f1	#12403b	#12403b
#fff9da	#fff9da	#241e00	#241e00	#e3faf8	#e3faf8	#09201d	#09201d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffd700 und Farbwert #40e0d0

Text- und Unterstreichungsfarben von HTML-Befehl acronym

Wir ändern für dieses Beispiel die Textfarbe von <acronym> auf Farbwert #40e0d0. Die Schriftart ändern wir auf verdana und erhöhen die Schriftgröße auf 124%. Wir unterstreichen den Inhalt von <acronym> mit Hilfe eines gefurchten Rahmens mit 5 Pixel Dicke in Farbwert #ffd700. Das ist mit HTML so kaum möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  acronym { 
    border-bottom-color:#ffd700; 
    border-bottom-width:5px; 
    color:#40e0d0; 
    font-size:124%; 
    border-bottom-style:groove; 
    font-family:verdana;
  }
//-->
</style>

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

Weiteres zum hier genutzten HTML-Tag <acronym>.

Wechsel der Textfarbe bei Hover bei HTML-Tag pre

Die Textfarbe soll sich von Farbwert #ffd700 auf Farbwert #40e0d0 ändern, wenn man mit der Maus auf <pre> zeigt. Wir bereiten zunächst eine Formatierung von <pre> in Farbwert #ffd700 vor.

Wir legen zum Beispiel Farbwert #ffd700 als Textfarbe von <pre> fest.

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

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #40e0d0 gesetzt wird.

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

Weiteres zu pre erfahren Sie in Blockorientierte Elemente in HTML. Möglichkeiten des hier verwendeten Befehl pre finden Sie in der HTML Referenz unter <pre>.