Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #d2691e und Farbwert #add8e6

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 #d2691e			Schriftfarbwert #add8e6
Detail	:	Hintergrund #d2691e	Detail	:	Schrift #add8e6
Farbwert	:	#d2691e	Farbwert	:	#add8e6
Farbe	:	chocolate	Farbe	:	lightblue
HTML	:	#d2691e	HTML	:	#add8e6
HTML (Wert)	:	#d2691e	HTML (Wert)	:	#add8e6
CSS	:	#d2691e	CSS	:	#add8e6
CSS (Wert)	:	#d2691e	CSS (Wert)	:	#add8e6
CSS (kürzest)	:	#d2691e	CSS (kürzest)	:	#add8e6
CSS (RGB)	:	rgb(210,105,30)	CSS (RGB)	:	rgb(173,216,230)
CSS (%RGB)	:	rgb(82%,41%,11%)	CSS (%RGB)	:	rgb(67%,84%,90%)

Verlauf Hintergrundfarbwert #d2691e nach Schriftfarbwert #add8e6
#d2691e	#cc783a	#c78857	#c29873	#bca890	#b7b8ac	#b2c8c9	#add8e6
#d2691e	#cc783a	#c78857	#c29873	#bca890	#b7b8ac	#b2c8c9	#add8e6

Kombination von #d2691e und #add8e6
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #add8e6 und #d2691e beträgt 88.68%. Die Lesbarkeit dieser Farbkombination liegt damit bei 11.32%. Auf Hintergrund #d2691e ist #add8e6 ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Hintergrundfarbwert #d2691e				Schriftfarbwert #add8e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2691e	#d2691e	#d2691e	#d2691e	#add8e6	#add8e6	#add8e6	#add8e6
#d87e3e	#d87e3e	#b45a19	#b45a19	#b8dde9	#b8dde9	#94b9c5	#94b9c5
#de935e	#de935e	#964b15	#964b15	#c4e3ed	#c4e3ed	#7b9aa4	#7b9aa4
#e5a97e	#e5a97e	#783c11	#783c11	#d0e8f0	#d0e8f0	#627b83	#627b83
#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c	#dbeef4	#dbeef4	#4a5c62	#4a5c62
#f2d4be	#f2d4be	#3c1e08	#3c1e08	#e7f3f7	#e7f3f7	#313d41	#313d41
#f8e9de	#f8e9de	#1e0f04	#1e0f04	#f3f9fb	#f3f9fb	#181e20	#181e20
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d2691e und Farbwert #add8e6

Wechsel der Hintergrundfarbe bei Hover bei Tag tbody

Die Hintergrundfarbe soll sich von Farbwert #d2691e auf Farbwert #add8e6 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <tbody> in Farbwert #d2691e vor.

Zum Beispiel setzen wir bei <tbody> die Hintergrundfarbe auf Farbwert #d2691e und vergrößern die Schriftgröße auf 124%.

<style type="text/css"><!--
  tbody { 
    font-size:124%; 
    background-color:#d2691e;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #add8e6 ändert.

<style type="text/css"><!--
  tbody:hover { 
    background-color:#add8e6;
  }
//-->
</style>

Weiteres zu tbody können Sie in Tabellen in HTML nachlesen. Zur Beschreibung vom hier genutzten HTML-Befehl <tbody>.

Text- und Unterstreichungsfarben mit Tag h4

Mit Tag <h4> wird eine Überschrift der 4. Stufe erzeugt. Diese kann man hervorheben und farblich gestalten.

Wir ändern für dieses Beispiel die Textfarbe von <h4> auf Farbwert #add8e6. Die Schriftart ändern wir auf verdana. Die Schriftgröße ändern wir auf 14pt. Wir unterstreichen den Inhalt von <h4> mit Hilfe eines einfallenden Rahmens mit 1 Pixel Dicke in Farbwert #d2691e. In HTML geht das nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  h4 { 
    color:#add8e6; 
    border-bottom-width:1px; 
    font-size:14pt; 
    border-bottom-color:#d2691e; 
    font-family:verdana; 
    border-bottom-style:inset;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Beschreibung vom hier gezeigten Tag <h4>.