Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffdead und Farbwert #b0c4de

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 #ffdead			Schriftfarbwert #b0c4de
Detail	:	Hintergrund #ffdead	Detail	:	Schrift #b0c4de
Farbwert	:	#ffdead	Farbwert	:	#b0c4de
Farbe	:	navajowhite	Farbe	:	lightsteelblue
HTML	:	#ffdead	HTML	:	#b0c4de
HTML (Wert)	:	#ffdead	HTML (Wert)	:	#b0c4de
CSS	:	#ffdead	CSS	:	#b0c4de
CSS (Wert)	:	#ffdead	CSS (Wert)	:	#b0c4de
CSS (kürzest)	:	#ffdead	CSS (kürzest)	:	#b0c4de
CSS (RGB)	:	rgb(255,222,173)	CSS (RGB)	:	rgb(176,196,222)
CSS (%RGB)	:	rgb(100%,87%,67%)	CSS (%RGB)	:	rgb(69%,76%,87%)

Verlauf Hintergrundfarbwert #ffdead nach Schriftfarbwert #b0c4de
#ffdead	#f3dab4	#e8d6bb	#ddd2c2	#d1cfc9	#c6cbd0	#bbc7d7	#b0c4de
#ffdead	#f3dab4	#e8d6bb	#ddd2c2	#d1cfc9	#c6cbd0	#bbc7d7	#b0c4de

Kombination von #ffdead und #b0c4de
Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #b0c4de und #ffdead beträgt 93.42%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.58%. #b0c4de eignet sich nicht als Schriftfarbe auf Hintergrund #ffdead, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbwert #ffdead				Schriftfarbwert #b0c4de
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdead	#ffdead	#ffdead	#ffdead	#b0c4de	#b0c4de	#b0c4de	#b0c4de
#ffe2b8	#ffe2b8	#dabe94	#dabe94	#bbcce2	#bbcce2	#96a8be	#96a8be
#ffe7c4	#ffe7c4	#b69e7b	#b69e7b	#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e
#ffecd0	#ffecd0	#917e62	#917e62	#d1ddec	#d1ddec	#64707e	#64707e
#fff0db	#fff0db	#6d5f4a	#6d5f4a	#dde5f0	#dde5f0	#4b545f	#4b545f
#fff5e7	#fff5e7	#483f31	#483f31	#e8eef5	#e8eef5	#32383f	#32383f
#fffaf3	#fffaf3	#241f18	#241f18	#f3f6fa	#f3f6fa	#191c1f	#191c1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ffdead und Farbwert #b0c4de

Wechsel der Umrandung bei Hover bei HTML-Tag img

Die Rahmenfarbe soll sich von Farbwert #ffdead auf Farbwert #b0c4de ändern, wenn man mit der Maus auf <img> zeigt. Bereiten wir zunächst eine Darstellung von <img> in Farbwert #ffdead vor.

In diesem Beispiel umranden wir <img> mit einem 5 Pixel dicken, doppelten Rahmen in Farbwert #ffdead.

<style type="text/css"><!--
  img { 
    border-color:#ffdead; 
    border-style:double; 
    border-width:5px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #b0c4de ändert.

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

Mehr zu img können Sie in Grafik in HTML lesen. Möglichkeiten des hier gezeigten Befehl <img>.