Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #696969 und Farbwert #ffe4e1

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 #696969			Schriftfarbwert #ffe4e1
Detail	:	Hintergrund #696969	Detail	:	Schrift #ffe4e1
Farbwert	:	#696969	Farbwert	:	#ffe4e1
Farbe	:	dimgray	Farbe	:	mistyrose
HTML	:	#696969	HTML	:	#ffe4e1
HTML (Wert)	:	#696969	HTML (Wert)	:	#ffe4e1
CSS	:	#696969	CSS	:	#ffe4e1
CSS (Wert)	:	#696969	CSS (Wert)	:	#ffe4e1
CSS (kürzest)	:	#696969	CSS (kürzest)	:	#ffe4e1
CSS (RGB)	:	rgb(105,105,105)	CSS (RGB)	:	rgb(255,228,225)
CSS (%RGB)	:	rgb(41%,41%,41%)	CSS (%RGB)	:	rgb(100%,89%,88%)

Verlauf Hintergrundfarbwert #696969 nach Schriftfarbwert #ffe4e1
#696969	#7e7a7a	#938c8b	#a99d9c	#beafad	#d4c0be	#e9d2cf	#ffe4e1
#696969	#7e7a7a	#938c8b	#a99d9c	#beafad	#d4c0be	#e9d2cf	#ffe4e1

Kombination von #696969 und #ffe4e1
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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund #696969 ist #ffe4e1 ungeeignet. Zwar ist der Helligkeitsunterschied ausreichend, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben #ffe4e1 und #696969 beträgt 78.29%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 21.71%.

Hintergrundfarbwert #696969				Schriftfarbwert #ffe4e1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#696969	#696969	#696969	#696969	#ffe4e1	#ffe4e1	#ffe4e1	#ffe4e1
#7e7e7e	#7e7e7e	#5a5a5a	#5a5a5a	#ffe7e5	#ffe7e5	#dac3c0	#dac3c0
#939393	#939393	#4b4b4b	#4b4b4b	#ffebe9	#ffebe9	#b6a2a0	#b6a2a0
#a9a9a9	#a9a9a9	#3c3c3c	#3c3c3c	#ffefed	#ffefed	#918280	#918280
#bebebe	#bebebe	#2d2d2d	#2d2d2d	#fff3f2	#fff3f2	#6d6160	#6d6160
#d4d4d4	#d4d4d4	#1e1e1e	#1e1e1e	#fff7f6	#fff7f6	#484140	#484140
#e9e9e9	#e9e9e9	#0f0f0f	#0f0f0f	#fffbfa	#fffbfa	#242020	#242020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #696969 und Farbwert #ffe4e1

Wechsel der Umrandung bei Hover mit HTML-Befehl a

Mit HTML-Tag <a> wird ein Link gesetzt. Dieser kann farblich gestaltet und hervorgehoben werden.

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

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

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

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

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

Weiteres zu a erfahren Sie in Verweise und Protokolle in HTML. Einzelheiten des Tag a erfahren Sie in der HTML Referenz unter <a>.

Füllen und Umranden mit HTML-Befehl img

In diesem Beispiel umranden wir <img> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbwert #ffe4e1 . Die Hintergrundfarbe für <img> setzen wir entsprechend auf Farbwert #696969. Dies geht in HTML nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  img { 
    border-color: #ffe4e1; 
    border-width: 3px; 
    border-style: ridge; 
    background-color: #696969;
  }
//-->
</style>

Mehr zu img können Sie in Grafik in HTML finden. Beschreibung vom hier gezeigten HTML-Tag <img>.