Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #48d1cc und Farbwert #ffa500

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 #48d1cc			Schriftfarbwert #ffa500
Detail	:	Hintergrund #48d1cc	Detail	:	Schrift #ffa500
Farbwert	:	#48d1cc	Farbwert	:	#ffa500
Farbe	:	mediumturquoise	Farbe	:	orange
HTML	:	#48d1cc	HTML	:	#ffa500
HTML (Wert)	:	#48d1cc	HTML (Wert)	:	#ffa500
CSS	:	#48d1cc	CSS	:	#ffa500
CSS (Wert)	:	#48d1cc	CSS (Wert)	:	#ffa500
CSS (kürzest)	:	#48d1cc	CSS (kürzest)	:	#ffa500
CSS (RGB)	:	rgb(72,209,204)	CSS (RGB)	:	rgb(255,165,0)
CSS (%RGB)	:	rgb(28%,81%,80%)	CSS (%RGB)	:	rgb(100%,64%,0%)

Verlauf Hintergrundfarbwert #48d1cc nach Schriftfarbwert #ffa500
#48d1cc	#62caae	#7cc491	#96be74	#b0b757	#cab13a	#e4ab1d	#ffa500
#48d1cc	#62caae	#7cc491	#96be74	#b0b757	#cab13a	#e4ab1d	#ffa500

Kombination von #48d1cc und #ffa500
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#ffa500 ist nicht als Schriftfarbe auf Hintergrund #48d1cc geeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #ffa500 und #48d1cc beträgt 94.95%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.05%.

Hintergrundfarbwert #48d1cc				Schriftfarbwert #ffa500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#48d1cc	#48d1cc	#48d1cc	#48d1cc	#ffa500	#ffa500	#ffa500	#ffa500
#62d7d3	#62d7d3	#3db3ae	#3db3ae	#ffb124	#ffb124	#da8d00	#da8d00
#7cdeda	#7cdeda	#339591	#339591	#ffbe48	#ffbe48	#b67500	#b67500
#96e4e1	#96e4e1	#297774	#297774	#ffcb6d	#ffcb6d	#915e00	#915e00
#b0ebe9	#b0ebe9	#1e5957	#1e5957	#ffd891	#ffd891	#6d4600	#6d4600
#caf1f0	#caf1f0	#143b3a	#143b3a	#ffe5b6	#ffe5b6	#482f00	#482f00
#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d	#fff2da	#fff2da	#241700	#241700
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #48d1cc und Farbwert #ffa500

Wechsel der Textfarbe bei Hover bei HTML-Tag address

Die Textfarbe soll sich von Farbwert #48d1cc auf Farbwert #ffa500 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <address> in Farbwert #48d1cc vor.

Z.B. legen wir Farbwert #48d1cc als Textfarbe von <address> fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 11pt:

<style type="text/css"><!--
  address { 
    color: #48d1cc; 
    font-family: courier new; 
    font-size: 11pt;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #ffa500 geändert wird.

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

Mehr zu address lesen Sie in Blockorientierte Elemente in HTML. Mehr zum Tag <address>.

Füllen und Umranden mit Tag a

Einen Hyperlink setzt man mit Befehl <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

Für dieses Beispiel umranden wir <a> mit einem 4 Punkte dicken, doppelten Rahmen in Farbwert #ffa500 . Den Hintergrund von <a> färben wir entsprechend mit Farbwert #48d1cc. Dies geht in HTML kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { border:4pt double #ffa500; background-color:#48d1cc; }
//-->
</style>

Mehr zu a finden Sie in Verweise und Protokolle in HTML. Möglichkeiten vom Tag a erfahren Sie in der HTML Referenz unter <a>.