Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #dc143c und Farbwert #dda0dd

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 #dc143c			Schriftfarbwert #dda0dd
Detail	:	Hintergrund #dc143c	Detail	:	Schrift #dda0dd
Farbwert	:	#dc143c	Farbwert	:	#dda0dd
Farbe	:	crimson	Farbe	:	plum
HTML	:	#dc143c	HTML	:	#dda0dd
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#dda0dd
CSS	:	#dc143c	CSS	:	#dda0dd
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbwert #dc143c nach Schriftfarbwert #dda0dd
#dc143c	#dc2853	#dc3c6a	#dc5081	#dc6498	#dc78af	#dc8cc6	#dda0dd
#dc143c	#dc2853	#dc3c6a	#dc5081	#dc6498	#dc78af	#dc8cc6	#dda0dd

Kombination von #dc143c und #dda0dd
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #dda0dd und #dc143c beträgt 88.52%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 11.48%. #dda0dd eignet sich nicht als Schriftfarbe auf Hintergrund #dc143c. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbwert #dc143c				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#e13557	#e13557	#bc1133	#bc1133	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#e65773	#e65773	#9d0e2a	#9d0e2a	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#eb788f	#eb788f	#7d0b22	#7d0b22	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#f09aab	#f09aab	#5e0819	#5e0819	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#fadde3	#fadde3	#1f0208	#1f0208	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dc143c und Farbwert #dda0dd

Wechsel der Umrandung bei Hover von HTML-Befehl center

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

In diesem Beispiel umranden wir <center> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbwert #dc143c.

<style type="text/css"><!--
  center { border:2px outset #dc143c; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #dda0dd gesetzt wird.

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Die Beschreibung des HTML-Befehl center lesen Sie in der HTML Referenz unter <center>.

Wechsel der Textfarbe bei Hover von Befehl p

Die Textfarbe soll sich von Farbwert #dc143c auf Farbwert #dda0dd ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst eine Formatierung von <p> in Farbwert #dc143c vor.

Wir setzen zum Beispiel bei <p> die Textfarbe auf Farbwert #dc143c. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf verdana und ändern die Größe der Schrift auf 13px:

<style type="text/css"><!--
  p { 
    font-size: 13px; 
    color: #dc143c; 
    font-family: verdana;
  }
//-->
</style>

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

<style type="text/css"><!--
  p: hover { 
    color: #dda0dd;
  }
//-->
</style>

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML finden. Einzelheiten vom hier gezeigten HTML-Tag <p>.