Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #48d1cc und Farbe khaki

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 #48d1cc			Schriftfarbe khaki
Detail	:	Hintergrund #48d1cc	Detail	:	Schrift khaki
Farbwert	:	#48d1cc	Farbe	:	khaki
Farbe	:	mediumturquoise	Farbwert	:	#f0e68c
HTML	:	#48d1cc	HTML	:	khaki
HTML (Wert)	:	#48d1cc	HTML (Wert)	:	#f0e68c
CSS	:	#48d1cc	CSS	:	khaki
CSS (Wert)	:	#48d1cc	CSS (Wert)	:	#f0e68c
CSS (kürzest)	:	#48d1cc	CSS (kürzest)	:	#f0e68c
CSS (RGB)	:	rgb(72,209,204)	CSS (RGB)	:	rgb(240,230,140)
CSS (%RGB)	:	rgb(28%,81%,80%)	CSS (%RGB)	:	rgb(94%,90%,54%)

Verlauf Hintergrundfarbwert #48d1cc nach Schriftfarbe khaki
#48d1cc	#60d4c2	#78d7b9	#90dab0	#a8dda7	#c0e09e	#d8e395	#f0e68c
#48d1cc	#60d4c2	#78d7b9	#90dab0	#a8dda7	#c0e09e	#d8e395	#f0e68c

Kombination von #48d1cc und khaki
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von khaki und #48d1cc ergibt sich zu 93.07%. Die Lesbarkeit dieser Kombination liegt damit bei 6.93%. khaki ist nicht als Schriftfarbe auf Hintergrund #48d1cc geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbwert #48d1cc				Schriftfarbe khaki
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#48d1cc	#48d1cc	#48d1cc	#48d1cc	#f0e68c	#f0e68c	#f0e68c	#f0e68c
#62d7d3	#62d7d3	#3db3ae	#3db3ae	#f2e99c	#f2e99c	#cdc578	#cdc578
#7cdeda	#7cdeda	#339591	#339591	#f4edac	#f4edac	#aba464	#aba464
#96e4e1	#96e4e1	#297774	#297774	#f6f0bd	#f6f0bd	#898350	#898350
#b0ebe9	#b0ebe9	#1e5957	#1e5957	#f8f4cd	#f8f4cd	#66623c	#66623c
#caf1f0	#caf1f0	#143b3a	#143b3a	#faf7de	#faf7de	#444128	#444128
#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d	#fcfbee	#fcfbee	#222014	#222014
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #48d1cc und Farbe khaki

Wechsel der Textfarbe bei Hover von Tag ins

Die Textfarbe soll sich von Farbwert #48d1cc auf Farbe khaki ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <ins> in Farbwert #48d1cc vor.

Z.B. setzen wir die Textfarbe von <ins> auf Farbwert #48d1cc. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf arial und erhöhen die Größe der Schrift auf 123%:

<style type="text/css"><!--
  ins { 
    font-family: arial; 
    font-size: 123%; 
    color: #48d1cc;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe zu khaki ändert.

<style type="text/css"><!--
  ins: hover { 
    color: khaki;
  }
//-->
</style>

Der Befehl ins ist in der HTML Referenz bei <ins> genau beschrieben.

Text- und Unterstreichungsfarben von HTML-Befehl samp

Wir ändern für dieses Beispiel die Textfarbe von <samp> auf Farbe khaki. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <samp> mit Hilfe eines gefurchten Rahmens mit 4 Pixel Dicke in Farbwert #48d1cc. Mit HTML geht dies nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  samp { 
    border-bottom-color:#48d1cc; 
    border-bottom-width:4px; 
    color:khaki; 
    border-bottom-style:groove; 
    font-size:13px; 
    font-family:sans-serif;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema samp lesen Sie in Text in HTML. Der Tag samp ist in der HTML Referenz bei <samp> genau beschrieben.