Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffb6c1 und Farbwert #6495ed

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 #ffb6c1			Schriftfarbwert #6495ed
Detail	:	Hintergrund #ffb6c1	Detail	:	Schrift #6495ed
Farbwert	:	#ffb6c1	Farbwert	:	#6495ed
Farbe	:	lightpink	Farbe	:	cornflowerblue
HTML	:	#ffb6c1	HTML	:	#6495ed
HTML (Wert)	:	#ffb6c1	HTML (Wert)	:	#6495ed
CSS	:	#ffb6c1	CSS	:	#6495ed
CSS (Wert)	:	#ffb6c1	CSS (Wert)	:	#6495ed
CSS (kürzest)	:	#ffb6c1	CSS (kürzest)	:	#6495ed
CSS (RGB)	:	rgb(255,182,193)	CSS (RGB)	:	rgb(100,149,237)
CSS (%RGB)	:	rgb(100%,71%,75%)	CSS (%RGB)	:	rgb(39%,58%,92%)

Verlauf Hintergrundfarbwert #ffb6c1 nach Schriftfarbwert #6495ed
#ffb6c1	#e8b1c7	#d2accd	#bca7d3	#a6a3da	#909ee0	#7a99e6	#6495ed
#ffb6c1	#e8b1c7	#d2accd	#bca7d3	#a6a3da	#909ee0	#7a99e6	#6495ed

Kombination von #ffb6c1 und #6495ed
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				#6495ed eignet sich nicht als Schriftfarbe auf Hintergrund #ffb6c1, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #6495ed und #ffb6c1 ergibt sich zu 91.43%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.57%.

Hintergrundfarbwert #ffb6c1				Schriftfarbwert #6495ed
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1	#6495ed	#6495ed	#6495ed	#6495ed
#ffc0c9	#ffc0c9	#da9ca5	#da9ca5	#7aa4ef	#7aa4ef	#557fcb	#557fcb
#ffcad2	#ffcad2	#b68289	#b68289	#90b3f2	#90b3f2	#476aa9	#476aa9
#ffd5db	#ffd5db	#91686e	#91686e	#a6c2f4	#a6c2f4	#395587	#395587
#ffdfe4	#ffdfe4	#6d4e52	#6d4e52	#bcd1f7	#bcd1f7	#2a3f65	#2a3f65
#ffeaed	#ffeaed	#483437	#483437	#d2e0f9	#d2e0f9	#1c2a43	#1c2a43
#fff4f6	#fff4f6	#241a1b	#241a1b	#e8effc	#e8effc	#0e1521	#0e1521
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffb6c1 und Farbwert #6495ed

Wechsel der Textfarbe bei Hover von Befehl center

Die Textfarbe soll sich von Farbwert #ffb6c1 auf Farbwert #6495ed ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst die Formatierung von <center> in Farbwert #ffb6c1 vor.

Wir setzen für dieses Beispiel bei <center> die Textfarbe auf Farbwert #ffb6c1:

<style type="text/css"><!--
  center { 
    color:#ffb6c1;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #6495ed geändert wird.

<style type="text/css"><!--
  center:hover { 
    color:#6495ed;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom HTML-Tag <center>.

Wechsel der Umrandung bei Hover mit HTML-Befehl blockquote

Die Rahmenfarbe soll sich von Farbwert #ffb6c1 auf Farbwert #6495ed ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <blockquote> in Farbwert #ffb6c1 vor.

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

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

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #6495ed ändert.

<style type="text/css"><!--
  blockquote: hover { 
    border-color: #6495ed;
  }
//-->
</style>

Mehr zum Thema blockquote erfahren Sie in Blockorientierte Elemente in HTML. Einzelheiten vom Befehl <blockquote>.