Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #dcdcdc und Farbe palevioletred

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 #dcdcdc			Schriftfarbe palevioletred
Detail	:	Hintergrund #dcdcdc	Detail	:	Schrift palevioletred
Farbwert	:	#dcdcdc	Farbe	:	palevioletred
Farbe	:	gainsboro	Farbwert	:	#db7093
HTML	:	#dcdcdc	HTML	:	palevioletred
HTML (Wert)	:	#dcdcdc	HTML (Wert)	:	#db7093
CSS	:	#dcdcdc	CSS	:	palevioletred
CSS (Wert)	:	#dcdcdc	CSS (Wert)	:	#db7093
CSS (kürzest)	:	#dcdcdc	CSS (kürzest)	:	#db7093
CSS (RGB)	:	rgb(220,220,220)	CSS (RGB)	:	rgb(219,112,147)
CSS (%RGB)	:	rgb(86%,86%,86%)	CSS (%RGB)	:	rgb(85%,43%,57%)

Verlauf Hintergrundfarbwert #dcdcdc nach Schriftfarbe palevioletred
#dcdcdc	#dbccd1	#dbbdc7	#dbadbc	#db9eb2	#db8ea7	#db7f9d	#db7093
#dcdcdc	#dbccd1	#dbbdc7	#dbadbc	#db9eb2	#db8ea7	#db7f9d	#db7093

Kombination von #dcdcdc und palevioletred
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von palevioletred und #dcdcdc ergibt sich zu 89.20%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 10.80%. Auf Hintergrund #dcdcdc ist palevioletred ungeeignet, weil die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #dcdcdc				Schriftfarbe palevioletred
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc	#db7093	#db7093	#db7093	#db7093
#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc	#e084a2	#e084a2	#bb607e	#bb607e
#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d	#e598b1	#e598b1	#9c5069	#9c5069
#ebebeb	#ebebeb	#7d7d7d	#7d7d7d	#eaadc1	#eaadc1	#7d4054	#7d4054
#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e	#efc1d0	#efc1d0	#5d303f	#5d303f
#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e	#f4d6e0	#f4d6e0	#3e202a	#3e202a
#fafafa	#fafafa	#1f1f1f	#1f1f1f	#f9eaef	#f9eaef	#1f1015	#1f1015
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dcdcdc und Farbe palevioletred

Wechsel der Umrandung bei Hover mit Tag p

Die Rahmenfarbe soll sich von Farbwert #dcdcdc auf Farbe palevioletred ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <p> in Farbwert #dcdcdc vor.

In diesem Beispiel umranden wir <p> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbwert #dcdcdc.

<style type="text/css"><!--
  p { 
    border-color:#dcdcdc; 
    border-style:dotted; 
    border-width:2px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu palevioletred ändert.

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

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten des hier genutzten HTML-Befehl <p>.

Wechsel der Textfarbe bei Hover bei HTML-Tag h4

Eine Überschrift der 4. Stufe erzeugen Sie mit HTML-Tag <h4> und kann farblich gestaltet werden.

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

Für dieses Beispiel legen wir Farbwert #dcdcdc als Textfarbe von <h4> fest:

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

Nun stellen wir ein, dass bei Hover die Textfarbe auf palevioletred geändert wird.

<style type="text/css"><!--
  h4: hover { 
    color: palevioletred;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten vom Tag h4 finden Sie in der HTML Referenz unter <h4>.