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

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.

Hintergrundfarbe darkcyan			Schriftfarbwert #48d1cc
Detail	:	Hintergrund darkcyan	Detail	:	Schrift #48d1cc
Farbe	:	darkcyan	Farbwert	:	#48d1cc
Farbwert	:	#008b8b	Farbe	:	mediumturquoise
HTML	:	darkcyan	HTML	:	#48d1cc
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#48d1cc
CSS	:	darkcyan	CSS	:	#48d1cc
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbe darkcyan nach Schriftfarbwert #48d1cc
#008b8b	#0a9594	#149f9d	#1ea9a6	#29b3b0	#33bdb9	#3dc7c2	#48d1cc
#008b8b	#0a9594	#149f9d	#1ea9a6	#29b3b0	#33bdb9	#3dc7c2	#48d1cc

Kombination von darkcyan und #48d1cc
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #48d1cc und darkcyan beträgt 89.41%. Die Lesbarkeit dieser Kombination ergibt sich zu 10.59%. Auf Hintergrund darkcyan ist #48d1cc ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe darkcyan				Schriftfarbwert #48d1cc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#249b9b	#249b9b	#007777	#007777	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#48acac	#48acac	#006363	#006363	#7cdeda	#7cdeda	#339591	#339591
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#96e4e1	#96e4e1	#297774	#297774
#91cdcd	#91cdcd	#003b3b	#003b3b	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#b6dddd	#b6dddd	#002727	#002727	#caf1f0	#caf1f0	#143b3a	#143b3a
#daeeee	#daeeee	#001313	#001313	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkcyan und Farbwert #48d1cc

Wechsel der Umrandung bei Hover mit Befehl h6

Mit HTML-Tag <h6> wird eine Überschrift der 6. Stufe erzeugt und kann hervorgehoben und farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbe darkcyan auf Farbwert #48d1cc ändern, wenn man mit der Maus auf <h6> zeigt. Bereiten wir zunächst die Formatierung von <h6> in Farbe darkcyan vor.

In diesem Beispiel umranden wir <h6> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbe darkcyan.

<style type="text/css"><!--
  h6 { 
    border-color: darkcyan; 
    border-style: dashed; 
    border-width: 5px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #48d1cc gesetzt wird.

<style type="text/css"><!--
  h6:hover { 
    border-color:#48d1cc;
  }
//-->
</style>

Mehr zum Thema h6 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten des HTML-Befehl h6 sind in der HTML Referenz bei <h6> ausführlich zusammengestellt.