Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #dcdcdc und Farbwert #ffefd5

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 #dcdcdc			Schriftfarbwert #ffefd5
Detail	:	Hintergrund #dcdcdc	Detail	:	Schrift #ffefd5
Farbwert	:	#dcdcdc	Farbwert	:	#ffefd5
Farbe	:	gainsboro	Farbe	:	papayawhip
HTML	:	#dcdcdc	HTML	:	#ffefd5
HTML (Wert)	:	#dcdcdc	HTML (Wert)	:	#ffefd5
CSS	:	#dcdcdc	CSS	:	#ffefd5
CSS (Wert)	:	#dcdcdc	CSS (Wert)	:	#ffefd5
CSS (kürzest)	:	#dcdcdc	CSS (kürzest)	:	#ffefd5
CSS (RGB)	:	rgb(220,220,220)	CSS (RGB)	:	rgb(255,239,213)
CSS (%RGB)	:	rgb(86%,86%,86%)	CSS (%RGB)	:	rgb(100%,93%,83%)

Verlauf Hintergrundfarbwert #dcdcdc nach Schriftfarbwert #ffefd5
#dcdcdc	#e1dedb	#e6e1da	#ebe4d9	#f0e6d8	#f5e9d7	#faecd6	#ffefd5
#dcdcdc	#e1dedb	#e6e1da	#ebe4d9	#f0e6d8	#f5e9d7	#faecd6	#ffefd5

Kombination von #dcdcdc und #ffefd5
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ffefd5 ist nicht als Schriftfarbe auf Hintergrund #dcdcdc geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit der Farben #ffefd5 und #dcdcdc beträgt 94.23%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.77%.

Hintergrundfarbwert #dcdcdc				Schriftfarbwert #ffefd5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc	#ffefd5	#ffefd5	#ffefd5	#ffefd5
#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc	#fff1db	#fff1db	#daccb6	#daccb6
#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d	#fff3e1	#fff3e1	#b6aa98	#b6aa98
#ebebeb	#ebebeb	#7d7d7d	#7d7d7d	#fff5e7	#fff5e7	#918879	#918879
#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e	#fff8ed	#fff8ed	#6d665b	#6d665b
#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e	#fffaf3	#fffaf3	#48443c	#48443c
#fafafa	#fafafa	#1f1f1f	#1f1f1f	#fffcf9	#fffcf9	#24221e	#24221e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dcdcdc und Farbwert #ffefd5

Hintergrund/Text-Kombination von HTML-Befehl code

Hier ändern wir die Textfarbe von <code> auf Farbwert #ffefd5 und die Hintergrundfarbe von <code> auf Farbwert #dcdcdc. Als Schriftart wählen wir sans-serif und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  code { 
    font-size: 13px; 
    font-family: sans-serif; 
    background-color: #dcdcdc; 
    color: #ffefd5;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Möglichkeiten vom hier gezeigten Tag code sind in der HTML Referenz unter <code> ausführlich beschrieben.

Wechsel der Umrandung bei Hover bei HTML-Befehl frameset

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

In diesem Beispiel umranden wir <frameset> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbwert #dcdcdc.

<style type="text/css"><!--
  frameset { border:4px ridge #dcdcdc; }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #ffefd5 gesetzt wird.

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

Beschreibung vom hier genutzten Tag <frameset>.