Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffb6c1 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 #ffb6c1			Schriftfarbwert #add8e6
Detail	:	Hintergrund #ffb6c1	Detail	:	Schrift #add8e6
Farbwert	:	#ffb6c1	Farbwert	:	#add8e6
Farbe	:	lightpink	Farbe	:	lightblue
HTML	:	#ffb6c1	HTML	:	#add8e6
HTML (Wert)	:	#ffb6c1	HTML (Wert)	:	#add8e6
CSS	:	#ffb6c1	CSS	:	#add8e6
CSS (Wert)	:	#ffb6c1	CSS (Wert)	:	#add8e6
CSS (kürzest)	:	#ffb6c1	CSS (kürzest)	:	#add8e6
CSS (RGB)	:	rgb(255,182,193)	CSS (RGB)	:	rgb(173,216,230)
CSS (%RGB)	:	rgb(100%,71%,75%)	CSS (%RGB)	:	rgb(67%,84%,90%)

Verlauf Hintergrundfarbwert #ffb6c1 nach Schriftfarbwert #add8e6
#ffb6c1	#f3bac6	#e7bfcb	#dbc4d0	#d0c9d6	#c4cedb	#b8d3e0	#add8e6
#ffb6c1	#f3bac6	#e7bfcb	#dbc4d0	#d0c9d6	#c4cedb	#b8d3e0	#add8e6

Kombination von #ffb6c1 und #add8e6
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #add8e6 und #ffb6c1 ergibt sich zu 94.85%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.15%. Auf Hintergrund #ffb6c1 ist #add8e6 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbwert #ffb6c1				Schriftfarbwert #add8e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1	#add8e6	#add8e6	#add8e6	#add8e6
#ffc0c9	#ffc0c9	#da9ca5	#da9ca5	#b8dde9	#b8dde9	#94b9c5	#94b9c5
#ffcad2	#ffcad2	#b68289	#b68289	#c4e3ed	#c4e3ed	#7b9aa4	#7b9aa4
#ffd5db	#ffd5db	#91686e	#91686e	#d0e8f0	#d0e8f0	#627b83	#627b83
#ffdfe4	#ffdfe4	#6d4e52	#6d4e52	#dbeef4	#dbeef4	#4a5c62	#4a5c62
#ffeaed	#ffeaed	#483437	#483437	#e7f3f7	#e7f3f7	#313d41	#313d41
#fff4f6	#fff4f6	#241a1b	#241a1b	#f3f9fb	#f3f9fb	#181e20	#181e20
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffb6c1 und Farbwert #add8e6

Wechsel der Umrandung bei Hover bei HTML-Tag fieldset

Die Rahmenfarbe soll sich von Farbwert #ffb6c1 auf Farbwert #add8e6 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <fieldset> in Farbwert #ffb6c1 vor.

In diesem Beispiel umranden wir <fieldset> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbwert #ffb6c1.

<style type="text/css"><!--
  fieldset { border:1px ridge #ffb6c1; }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #add8e6 geändert wird.

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

Mehr zum Thema fieldset können Sie in Formulare in HTML lesen. Die Beschreibung des HTML-Befehl fieldset lesen Sie in der HTML Referenz unter <fieldset>.

Text- und Unterstreichungsfarben mit Tag h3

Eine Überschrift wird mit Tag <h3> gesetzt. Sie kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <h3> auf Farbwert #add8e6. Die Schriftart setzen wir auf courier new und vergrößern die Schriftgröße auf 118%. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines einfallenden Rahmens mit 1 Punkte Dicke in Farbwert #ffb6c1. In HTML ist dies kaum möglich. Daher nutzen wir hierfür CSS.

<style type="text/css"><!--
  h3 { 
    color: #add8e6; 
    font-size: 118%; 
    border-bottom: 1pt inset #ffb6c1; 
    font-family: courier new;
  }
//-->
</style>

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

Mehr zum Thema h3 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten des Tag <h3>.