Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #1e90ff und Farbwert #a0522d

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 #1e90ff			Schriftfarbwert #a0522d
Detail	:	Hintergrund #1e90ff	Detail	:	Schrift #a0522d
Farbwert	:	#1e90ff	Farbwert	:	#a0522d
Farbe	:	dodgerblue	Farbe	:	sienna
HTML	:	#1e90ff	HTML	:	#a0522d
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#a0522d
CSS	:	#1e90ff	CSS	:	#a0522d
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbwert #1e90ff nach Schriftfarbwert #a0522d
#1e90ff	#3087e1	#437ec3	#5575a5	#686c87	#7a6369	#8d5a4b	#a0522d
#1e90ff	#3087e1	#437ec3	#5575a5	#686c87	#7a6369	#8d5a4b	#a0522d

Kombination von #1e90ff und #a0522d
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #a0522d und #1e90ff ergibt sich zu 91.74%. Die Lesbarkeit dieser Kombination bewerte ich mit 8.26%. #a0522d ist nicht als Schriftfarbe auf Hintergrund #1e90ff geeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #1e90ff				Schriftfarbwert #a0522d
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#a0522d	#a0522d	#a0522d	#a0522d
#3e9fff	#3e9fff	#197bda	#197bda	#ad6a4b	#ad6a4b	#894626	#894626
#5eafff	#5eafff	#1566b6	#1566b6	#bb8369	#bb8369	#723a20	#723a20
#7ebfff	#7ebfff	#115291	#115291	#c89c87	#c89c87	#5b2e19	#5b2e19
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#d6b4a5	#d6b4a5	#442313	#442313
#bedfff	#bedfff	#082948	#082948	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#deefff	#deefff	#041424	#041424	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #1e90ff und Farbwert #a0522d

Wechsel der Umrandung bei Hover von Befehl h6

Mit Befehl <h6> wird eine Überschrift erzeugt. Diese kann farblich gestaltet und hervorgehoben werden.

Die Rahmenfarbe soll sich von Farbwert #1e90ff auf Farbwert #a0522d ändern, wenn man mit der Maus auf <h6> zeigt. Bereiten wir zunächst die Formatierung von <h6> in Farbwert #1e90ff vor.

In diesem Beispiel umranden wir <h6> mit einem 2 Pixel dicken, doppelten Rahmen in Farbwert #1e90ff.

<style type="text/css"><!--
  h6 { border:2px double #1e90ff; }
//-->
</style>

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

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

Mehr zum Thema h6 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum HTML-Tag h6 ist in der HTML Referenz bei <h6> gezeigt.

Füllen und Umranden bei Tag colgroup

Für dieses Beispiel umranden wir <colgroup> mit einem gepunkteten, 3 Pixel dicken Rahmen in Farbwert #a0522d . Den Hintergrund von <colgroup> färben wir entsprechend mit Farbwert #1e90ff. Das ist in HTML kaum möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  colgroup { 
    border-color:#a0522d; 
    border-style:dotted; 
    border-width:3px; 
    background-color:#1e90ff;
  }
//-->
</style>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Der HTML-Tag colgroup ist in der HTML Referenz bei <colgroup> zusammengestellt.