Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkcyan und Farbe lightsteelblue

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 darkcyan			Schriftfarbe lightsteelblue
Detail	:	Hintergrund darkcyan	Detail	:	Schrift lightsteelblue
Farbe	:	darkcyan	Farbe	:	lightsteelblue
Farbwert	:	#008b8b	Farbwert	:	#b0c4de
HTML	:	darkcyan	HTML	:	lightsteelblue
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#b0c4de
CSS	:	darkcyan	CSS	:	lightsteelblue
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#b0c4de
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#b0c4de
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(176,196,222)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(69%,76%,87%)

Verlauf Hintergrundfarbe darkcyan nach Schriftfarbe lightsteelblue
#008b8b	#199396	#329ba2	#4ba3ae	#64abba	#7db3c6	#96bbd2	#b0c4de
#008b8b	#199396	#329ba2	#4ba3ae	#64abba	#7db3c6	#96bbd2	#b0c4de

Kombination von darkcyan und lightsteelblue
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben lightsteelblue und darkcyan beträgt 88.91%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.09%. lightsteelblue eignet sich nicht als Schriftfarbe auf Hintergrund darkcyan. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbe darkcyan				Schriftfarbe lightsteelblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#b0c4de	#b0c4de	#b0c4de	#b0c4de
#249b9b	#249b9b	#007777	#007777	#bbcce2	#bbcce2	#96a8be	#96a8be
#48acac	#48acac	#006363	#006363	#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#d1ddec	#d1ddec	#64707e	#64707e
#91cdcd	#91cdcd	#003b3b	#003b3b	#dde5f0	#dde5f0	#4b545f	#4b545f
#b6dddd	#b6dddd	#002727	#002727	#e8eef5	#e8eef5	#32383f	#32383f
#daeeee	#daeeee	#001313	#001313	#f3f6fa	#f3f6fa	#191c1f	#191c1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkcyan und Farbe lightsteelblue

Wechsel der Textfarbe bei Hover von HTML-Tag h5

Eine Überschrift setzt man mit Tag <h5>. Diese können Sie farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbe darkcyan auf Farbe lightsteelblue ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <h5> in Farbe darkcyan vor.

Zum Beispiel ändern wir die Textfarbe von <h5> auf Farbe darkcyan und verringern die Schriftgröße auf 89%.

<style type="text/css"><!--
  h5 { 
    color: darkcyan; 
    font-size: 89%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf lightsteelblue ändert.

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Mehr zum HTML-Befehl h5 erfahren Sie in der HTML Referenz unter <h5>.

Füllen und Umranden von Tag center

Hier umranden wir <center> mit einem . Die Hintergrundfarbe für <center> färben wir entsprechend mit Farbe darkcyan. Mit HTML geht dies kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  center { 
    border-style:groove; 
    border-color:lightsteelblue; 
    border-width:2pt; 
    background-color:darkcyan;
  }
//-->
</style>

Weiteres zu center finden Sie in Grundlegende Gestaltungselemente in HTML. Der hier verwendete HTML-Befehl center ist in der HTML Referenz unter <center> gezeigt.