Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #b0e0e6 und Farbwert #ff69b4

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 #b0e0e6			Schriftfarbwert #ff69b4
Detail	:	Hintergrund #b0e0e6	Detail	:	Schrift #ff69b4
Farbwert	:	#b0e0e6	Farbwert	:	#ff69b4
Farbe	:	powderblue	Farbe	:	hotpink
HTML	:	#b0e0e6	HTML	:	#ff69b4
HTML (Wert)	:	#b0e0e6	HTML (Wert)	:	#ff69b4
CSS	:	#b0e0e6	CSS	:	#ff69b4
CSS (Wert)	:	#b0e0e6	CSS (Wert)	:	#ff69b4
CSS (kürzest)	:	#b0e0e6	CSS (kürzest)	:	#ff69b4
CSS (RGB)	:	rgb(176,224,230)	CSS (RGB)	:	rgb(255,105,180)
CSS (%RGB)	:	rgb(69%,87%,90%)	CSS (%RGB)	:	rgb(100%,41%,70%)

Verlauf Hintergrundfarbwert #b0e0e6 nach Schriftfarbwert #ff69b4
#b0e0e6	#bbcfde	#c6bed7	#d1add0	#dd9cc9	#e88bc2	#f37abb	#ff69b4
#b0e0e6	#bbcfde	#c6bed7	#d1add0	#dd9cc9	#e88bc2	#f37abb	#ff69b4

Kombination von #b0e0e6 und #ff69b4
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ff69b4 eignet sich nicht als Schriftfarbe auf Hintergrund #b0e0e6. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #ff69b4 und #b0e0e6 ergibt sich zu 91.20%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 8.80%.

Hintergrundfarbwert #b0e0e6				Schriftfarbwert #ff69b4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6	#ff69b4	#ff69b4	#ff69b4	#ff69b4
#bbe4e9	#bbe4e9	#96c0c5	#96c0c5	#ff7ebe	#ff7ebe	#da5a9a	#da5a9a
#c6e8ed	#c6e8ed	#7da0a4	#7da0a4	#ff93c9	#ff93c9	#b64b80	#b64b80
#d1edf0	#d1edf0	#648083	#648083	#ffa9d4	#ffa9d4	#913c66	#913c66
#ddf1f4	#ddf1f4	#4b6062	#4b6062	#ffbede	#ffbede	#6d2d4d	#6d2d4d
#e8f6f7	#e8f6f7	#324041	#324041	#ffd4e9	#ffd4e9	#481e33	#481e33
#f3fafb	#f3fafb	#192020	#192020	#ffe9f4	#ffe9f4	#240f19	#240f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b0e0e6 und Farbwert #ff69b4

Wechsel der Textfarbe bei Hover von Tag table

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

Z.B. setzen wir bei <table> die Textfarbe auf Farbwert #b0e0e6. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf sans-serif und vergrößern die Größe der Schrift auf 126%:

<style type="text/css"><!--
  table { 
    font-size:126%; 
    color:#b0e0e6; 
    font-family:sans-serif;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #ff69b4 ändert.

<style type="text/css"><!--
  table:hover { 
    color:#ff69b4;
  }
//-->
</style>

Weiteres zu table können Sie in Tabellen in HTML nachsehen. Einzelheiten vom Befehl table sind in der HTML Referenz unter <table> genau zusammengestellt.

Füllen und Umranden mit HTML-Befehl input

Hier umranden wir <input> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbwert #ff69b4 . Den Hintergrund von <input> setzen wir auf Farbwert #b0e0e6. In HTML ist das kaum möglich. Daher nutzen wir hierfür CSS.

<style type="text/css"><!--
  input { border:5px dotted #ff69b4; background-color:#b0e0e6; }
//-->
</style>

Mehr zu input können Sie in Formulare in HTML nachsehen. Einzelheiten des Tag input lesen Sie in der HTML Referenz unter <input>.