Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffb6c1 und Farbwert #000000

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 #000000
Detail	:	Hintergrund #ffb6c1	Detail	:	Schrift #000000
Farbwert	:	#ffb6c1	Farbwert	:	#000000
Farbe	:	lightpink	Farbe	:	black
HTML	:	#ffb6c1	HTML	:	#000000
HTML (Wert)	:	#ffb6c1	HTML (Wert)	:	#000000
CSS	:	#ffb6c1	CSS	:	#000000
CSS (Wert)	:	#ffb6c1	CSS (Wert)	:	#000000
CSS (kürzest)	:	#ffb6c1	CSS (kürzest)	:	#000
CSS (RGB)	:	rgb(255,182,193)	CSS (RGB)	:	rgb(0,0,0)
CSS (%RGB)	:	rgb(100%,71%,75%)	CSS (%RGB)	:	rgb(0%,0%,0%)

Verlauf Hintergrundfarbwert #ffb6c1 nach Schriftfarbwert #000000
#ffb6c1	#da9ca5	#b68289	#91686e	#6d4e52	#483437	#241a1b	#000000
#ffb6c1	#da9ca5	#b68289	#91686e	#6d4e52	#483437	#241a1b	#000000

Kombination von #ffb6c1 und #000000
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#000000 eignet sich als Schriftfarbe auf Hintergrund #ffb6c1, weil Unterschied in den Helligkeiten und Farbenunterschied in Ordnung sind. Die Ähnlichkeit von #000000 und #ffb6c1 beträgt 39.46%. Die Lesbarkeit dieser Farbkombination liegt damit bei 60.54%.

Hintergrundfarbwert #ffb6c1				Schriftfarbwert #000000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1	#000000	#000000	#000000	#000000
#ffc0c9	#ffc0c9	#da9ca5	#da9ca5	#242424	#242424	#000000	#000000
#ffcad2	#ffcad2	#b68289	#b68289	#484848	#484848	#000000	#000000
#ffd5db	#ffd5db	#91686e	#91686e	#6d6d6d	#6d6d6d	#000000	#000000
#ffdfe4	#ffdfe4	#6d4e52	#6d4e52	#919191	#919191	#000000	#000000
#ffeaed	#ffeaed	#483437	#483437	#b6b6b6	#b6b6b6	#000000	#000000
#fff4f6	#fff4f6	#241a1b	#241a1b	#dadada	#dadada	#000000	#000000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffb6c1 und Farbwert #000000

Füllen und Umranden mit HTML-Befehl kbd

In diesem Beispiel umranden wir <kbd> mit einem gestrichelten, 1 Punkte dicken Rahmen in Farbwert #000000 . Die Hintergrundfarbe für <kbd> färben wir entsprechend mit Farbwert #ffb6c1. Dies geht mit HTML nicht. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  kbd { border:1pt dashed #000000; background-color:#ffb6c1; }
//-->
</style>

Mehr zu kbd erfahren Sie in Text in HTML. Die Beschreibung vom hier gezeigten Tag kbd lesen Sie in der HTML Referenz unter <kbd>.

Wechsel der Umrandung bei Hover mit Befehl a

Mit HTML-Befehl <a> wird ein Link erzeugt. Diesen können Sie hervorheben und farblich gestalten.

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

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

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

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #000000 ändert.

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

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Weiteres zum hier verwendeten HTML-Tag a ist in der HTML Referenz unter <a> genau beschrieben.