Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightslategray und Farbwert #ffd700

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.

Hintergrundfarbe lightslategray			Schriftfarbwert #ffd700
Detail	:	Hintergrund lightslategray	Detail	:	Schrift #ffd700
Farbe	:	lightslategray	Farbwert	:	#ffd700
Farbwert	:	#778899	Farbe	:	gold
HTML	:	lightslategray	HTML	:	#ffd700
HTML (Wert)	:	#778899	HTML (Wert)	:	#ffd700
CSS	:	lightslategray	CSS	:	#ffd700
CSS (Wert)	:	#778899	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#789	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(119,136,153)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(46%,53%,60%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbe lightslategray nach Schriftfarbwert #ffd700
#778899	#8a9383	#9d9e6d	#b1a957	#c4b541	#d8c02b	#ebcb15	#ffd700
#778899	#8a9383	#9d9e6d	#b1a957	#c4b541	#d8c02b	#ebcb15	#ffd700

Kombination von lightslategray und #ffd700
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund lightslategray ist #ffd700 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #ffd700 und lightslategray ergibt sich zu 87.64%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 12.36%.

Hintergrundfarbe lightslategray				Schriftfarbwert #ffd700
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#778899	#778899	#778899	#778899	#ffd700	#ffd700	#ffd700	#ffd700
#8a99a7	#8a99a7	#667483	#667483	#ffdc24	#ffdc24	#dab800	#dab800
#9daab6	#9daab6	#55616d	#55616d	#ffe248	#ffe248	#b69900	#b69900
#b1bbc4	#b1bbc4	#444d57	#444d57	#ffe86d	#ffe86d	#917a00	#917a00
#c4ccd3	#c4ccd3	#333a41	#333a41	#ffed91	#ffed91	#6d5c00	#6d5c00
#d8dde1	#d8dde1	#22262b	#22262b	#fff3b6	#fff3b6	#483d00	#483d00
#ebeef0	#ebeef0	#111315	#111315	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightslategray und Farbwert #ffd700

Hintergrund/Text-Kombination bei Befehl legend

Hier ändern wir die Textfarbe von <legend> auf Farbwert #ffd700 und die Hintergrundfarbe von <legend> auf Farbe lightslategray. Die Schriftart ändern wir auf sans-serif und ändern die Schriftgröße auf 9pt.

<style type="text/css"><!--
  legend { 
    font-family:sans-serif; 
    font-size:9pt; 
    background-color:lightslategray; 
    color:#ffd700;
  }
//-->
</style>

Mehr zu legend lesen Sie in Formulare in HTML. Einzelheiten vom Tag legend sind in der HTML Referenz unter <legend> genau beschrieben.

Wechsel der Umrandung bei Hover mit Befehl q

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

In diesem Beispiel umranden wir <q> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbe lightslategray.

<style type="text/css"><!--
  q { border:5px outset lightslategray; }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #ffd700 geändert wird.

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

Der Tag q ist in der HTML Referenz bei <q> ausführlich zusammengestellt.