Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #deb887 und Farbwert #4682b4

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.

Hintergrundfarbwert #deb887			Schriftfarbwert #4682b4
Detail	:	Hintergrund #deb887	Detail	:	Schrift #4682b4
Farbwert	:	#deb887	Farbwert	:	#4682b4
Farbe	:	burlywood	Farbe	:	steelblue
HTML	:	#deb887	HTML	:	#4682b4
HTML (Wert)	:	#deb887	HTML (Wert)	:	#4682b4
CSS	:	#deb887	CSS	:	#4682b4
CSS (Wert)	:	#deb887	CSS (Wert)	:	#4682b4
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#4682b4
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(70,130,180)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(27%,50%,70%)

Verlauf Hintergrundfarbwert #deb887 nach Schriftfarbwert #4682b4
#deb887	#c8b08d	#b2a893	#9ca09a	#8799a0	#7191a7	#5b89ad	#4682b4
#deb887	#c8b08d	#b2a893	#9ca09a	#8799a0	#7191a7	#5b89ad	#4682b4

Kombination von #deb887 und #4682b4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				Auf Hintergrund #deb887 ist #4682b4 ungeeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #4682b4 und #deb887 ergibt sich zu 89.46%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 10.54%.

Hintergrundfarbwert #deb887				Schriftfarbwert #4682b4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#4682b4	#4682b4	#4682b4	#4682b4
#e2c298	#e2c298	#be9d73	#be9d73	#6093be	#6093be	#3c6f9a	#3c6f9a
#e7cca9	#e7cca9	#9e8360	#9e8360	#7aa5c9	#7aa5c9	#325c80	#325c80
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#95b7d4	#95b7d4	#284a66	#284a66
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#afc9de	#afc9de	#1e374d	#1e374d
#f5eadc	#f5eadc	#3f3426	#3f3426	#cadbe9	#cadbe9	#142533	#142533
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#e4edf4	#e4edf4	#0a1219	#0a1219
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #deb887 und Farbwert #4682b4

Wechsel der Umrandung bei Hover mit Befehl colgroup

Die Rahmenfarbe soll sich von Farbwert #deb887 auf Farbwert #4682b4 ändern, wenn man mit der Maus auf <colgroup> zeigt. Wir bereiten zunächst die Formatierung von <colgroup> in Farbwert #deb887 vor.

In diesem Beispiel umranden wir <colgroup> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbwert #deb887.

<style type="text/css"><!--
  colgroup { 
    border-color: #deb887; 
    border-width: 5px; 
    border-style: groove;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #4682b4 ändert.

<style type="text/css"><!--
  colgroup: hover { 
    border-color: #4682b4;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Die Beschreibung vom HTML-Befehl colgroup erfahren Sie in der HTML Referenz unter <colgroup>.

Füllen und Umranden mit Tag iframe

Bei diesem Beispiel umranden wir <iframe> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbwert #4682b4 . Die Hintergrundfarbe für <iframe> färben wir mit Farbwert #deb887. In HTML geht dies kaum. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  iframe { border:3px groove #4682b4; background-color:#deb887; }
//-->
</style>

Zur Beschreibung vom HTML-Befehl <iframe>.