Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ff1493 und Farbwert #6495ed

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 #ff1493			Schriftfarbwert #6495ed
Detail	:	Hintergrund #ff1493	Detail	:	Schrift #6495ed
Farbwert	:	#ff1493	Farbwert	:	#6495ed
Farbe	:	deeppink	Farbe	:	cornflowerblue
HTML	:	#ff1493	HTML	:	#6495ed
HTML (Wert)	:	#ff1493	HTML (Wert)	:	#6495ed
CSS	:	#ff1493	CSS	:	#6495ed
CSS (Wert)	:	#ff1493	CSS (Wert)	:	#6495ed
CSS (kürzest)	:	#ff1493	CSS (kürzest)	:	#6495ed
CSS (RGB)	:	rgb(255,20,147)	CSS (RGB)	:	rgb(100,149,237)
CSS (%RGB)	:	rgb(100%,7%,57%)	CSS (%RGB)	:	rgb(39%,58%,92%)

Verlauf Hintergrundfarbwert #ff1493 nach Schriftfarbwert #6495ed
#ff1493	#e8269f	#d238ac	#bc4bb9	#a65dc6	#9070d3	#7a82e0	#6495ed
#ff1493	#e8269f	#d238ac	#bc4bb9	#a65dc6	#9070d3	#7a82e0	#6495ed

Kombination von #ff1493 und #6495ed
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#6495ed ist nicht als Schriftfarbe auf Hintergrund #ff1493 geeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #6495ed und #ff1493 beträgt 94.17%. Die Lesbarkeit dieser Kombination liegt damit bei 5.83%.

Hintergrundfarbwert #ff1493				Schriftfarbwert #6495ed
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff1493	#ff1493	#ff1493	#ff1493	#6495ed	#6495ed	#6495ed	#6495ed
#ff35a2	#ff35a2	#da117e	#da117e	#7aa4ef	#7aa4ef	#557fcb	#557fcb
#ff57b1	#ff57b1	#b60e69	#b60e69	#90b3f2	#90b3f2	#476aa9	#476aa9
#ff78c1	#ff78c1	#910b54	#910b54	#a6c2f4	#a6c2f4	#395587	#395587
#ff9ad0	#ff9ad0	#6d083f	#6d083f	#bcd1f7	#bcd1f7	#2a3f65	#2a3f65
#ffbbe0	#ffbbe0	#48052a	#48052a	#d2e0f9	#d2e0f9	#1c2a43	#1c2a43
#ffddef	#ffddef	#240215	#240215	#e8effc	#e8effc	#0e1521	#0e1521
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff1493 und Farbwert #6495ed

Füllen und Umranden von Befehl dt

Hier umranden wir <dt> mit einem gefurchten, 3 Punkte dicken Rahmen in Farbwert #6495ed . Den Hintergrund von <dt> färben wir mit Farbwert #ff1493. Mit HTML ist dies nicht machbar. Wir nutzen daher CSS.

<style type="text/css"><!--
  dt { 
    border-style:groove; 
    border-width:3pt; 
    border-color:#6495ed; 
    background-color:#ff1493;
  }
//-->
</style>

Mehr zum Thema dt lesen Sie in Listen und Glossare in HTML. Möglichkeiten vom hier gezeigten Tag dt sind in der HTML Referenz bei <dt> genau gezeigt.

Wechsel der Textfarbe bei Hover bei HTML-Befehl samp

Die Textfarbe soll sich von Farbwert #ff1493 auf Farbwert #6495ed ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <samp> in Farbwert #ff1493 vor.

Wir legen zum Beispiel die Textfarbe von <samp> auf Farbwert #ff1493 fest. Die Hintergrundfarbe verändern wir nicht, ändern jedoch die Schriftart auf sans-serif und setzen die Größe der Schrift auf 13px:

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

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #6495ed gesetzt wird.

<style type="text/css"><!--
  samp:hover { 
    color:#6495ed;
  }
//-->
</style>

Mehr zum Thema samp erfahren Sie in Text in HTML. Weiteres zum hier verwendeten Befehl samp ist in der HTML Referenz unter <samp> gezeigt.