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

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 darkorange			Schriftfarbwert #d3d3d3
Detail	:	Hintergrund darkorange	Detail	:	Schrift #d3d3d3
Farbe	:	darkorange	Farbwert	:	#d3d3d3
Farbwert	:	#ff8c00	Farbe	:	lightgrey
HTML	:	darkorange	HTML	:	#d3d3d3
HTML (Wert)	:	#ff8c00	HTML (Wert)	:	#d3d3d3
CSS	:	darkorange	CSS	:	#d3d3d3
CSS (Wert)	:	#ff8c00	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#ff8c00	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(255,140,0)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(100%,54%,0%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbe darkorange nach Schriftfarbwert #d3d3d3
#ff8c00	#f8961e	#f2a03c	#ecaa5a	#e5b478	#dfbe96	#d9c8b4	#d3d3d3
#ff8c00	#f8961e	#f2a03c	#ecaa5a	#e5b478	#dfbe96	#d9c8b4	#d3d3d3

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

Hintergrundfarbe darkorange				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff8c00	#ff8c00	#ff8c00	#ff8c00	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#ff9c24	#ff9c24	#da7800	#da7800	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#ffac48	#ffac48	#b66400	#b66400	#dfdfdf	#dfdfdf	#969696	#969696
#ffbd6d	#ffbd6d	#915000	#915000	#e5e5e5	#e5e5e5	#787878	#787878
#ffcd91	#ffcd91	#6d3c00	#6d3c00	#ececec	#ececec	#5a5a5a	#5a5a5a
#ffdeb6	#ffdeb6	#482800	#482800	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#ffeeda	#ffeeda	#241400	#241400	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkorange und Farbwert #d3d3d3

Füllen und Umranden von Tag caption

Hier umranden wir <caption> mit einem 2 Punkte dicken, gefurchten Rahmen in Farbwert #d3d3d3 . Die Hintergrundfarbe für <caption> färben wir entsprechend mit Farbe darkorange. Das geht in HTML nicht. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  caption { 
    border-color: #d3d3d3; 
    border-width: 2pt; 
    border-style: groove; 
    background-color: darkorange;
  }
//-->
</style>

Mehr zum Thema caption können Sie in Tabellen in HTML nachsehen. Möglichkeiten des hier genutzten Befehl <caption>.

Wechsel der Textfarbe bei Hover mit HTML-Tag a

Ein Link wird mit Befehl <a> erzeugt. Diesen können Sie hervorheben und farblich gestalten.

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

Für dieses Beispiel ändern wir die Textfarbe von <a> auf Farbe darkorange und ändern die Schriftgröße auf 9px:

<style type="text/css"><!--
  a { 
    color: darkorange; 
    font-size: 9px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe auf #d3d3d3 ändert.

<style type="text/css"><!--
  a: hover { 
    color: #d3d3d3;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML erfahren. Einzelheiten des Tag a sind in der HTML Referenz bei <a> zusammengestellt.