Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #d3d3d3 und Farbe orange

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 #d3d3d3			Schriftfarbe orange
Detail	:	Hintergrund #d3d3d3	Detail	:	Schrift orange
Farbwert	:	#d3d3d3	Farbe	:	orange
Farbe	:	lightgrey	Farbwert	:	#ffa500
HTML	:	#d3d3d3	HTML	:	orange
HTML (Wert)	:	#d3d3d3	HTML (Wert)	:	#ffa500
CSS	:	#d3d3d3	CSS	:	orange
CSS (Wert)	:	#d3d3d3	CSS (Wert)	:	#ffa500
CSS (kürzest)	:	#d3d3d3	CSS (kürzest)	:	#ffa500
CSS (RGB)	:	rgb(211,211,211)	CSS (RGB)	:	rgb(255,165,0)
CSS (%RGB)	:	rgb(82%,82%,82%)	CSS (%RGB)	:	rgb(100%,64%,0%)

Verlauf Hintergrundfarbwert #d3d3d3 nach Schriftfarbe orange
#d3d3d3	#d9ccb4	#dfc596	#e5bf78	#ecb85a	#f2b23c	#f8ab1e	#ffa500
#d3d3d3	#d9ccb4	#dfc596	#e5bf78	#ecb85a	#f2b23c	#f8ab1e	#ffa500

Kombination von #d3d3d3 und orange
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.				Die Ähnlichkeit der Farben orange und #d3d3d3 beträgt 93.72%. Die Lesbarkeit dieser Kombination liegt damit bei 6.28%. orange eignet sich nicht als Schriftfarbe auf Hintergrund #d3d3d3. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbwert #d3d3d3				Schriftfarbe orange
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3	#ffa500	#ffa500	#ffa500	#ffa500
#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4	#ffb124	#ffb124	#da8d00	#da8d00
#dfdfdf	#dfdfdf	#969696	#969696	#ffbe48	#ffbe48	#b67500	#b67500
#e5e5e5	#e5e5e5	#787878	#787878	#ffcb6d	#ffcb6d	#915e00	#915e00
#ececec	#ececec	#5a5a5a	#5a5a5a	#ffd891	#ffd891	#6d4600	#6d4600
#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c	#ffe5b6	#ffe5b6	#482f00	#482f00
#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e	#fff2da	#fff2da	#241700	#241700
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d3d3d3 und Farbe orange

Wechsel der Textfarbe bei Hover mit HTML-Befehl h5

Mit HTML-Befehl <h5> wird eine Überschrift der 5. Stufe erzeugt. Diese kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #d3d3d3 auf Farbe orange ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <h5> in Farbwert #d3d3d3 vor.

Zum Beispiel legen wir Farbwert #d3d3d3 als Textfarbe von <h5> fest. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  h5 { 
    font-family: courier new; 
    color: #d3d3d3;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf orange gesetzt wird.

<style type="text/css"><!--
  h5: hover { 
    color: orange;
  }
//-->
</style>

Mehr zum Thema h5 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Weiteres zum Tag <h5>.

Hintergrund/Text-Kombination bei Tag strike

Für dieses Beispiel ändern wir die Textfarbe von <strike> auf Farbe orange und die Hintergrundfarbe von <strike> auf Farbwert #d3d3d3. Die Schriftart setzen wir auf courier new. Als Schriftgröße wählen wir 99%.

<style type="text/css"><!--
  strike { 
    font-family: courier new; 
    color: orange; 
    font-size: 99%; 
    background-color: #d3d3d3;
  }
//-->
</style>

Mehr zu strike können Sie in Text in HTML finden. Weiteres zum hier gezeigten Befehl strike ist in der HTML Referenz bei <strike> beschrieben.