Ressourcen: 120 HTML Farbnamen - Kombination von Farbe indigo 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 indigo			Schriftfarbwert #48d1cc
Detail	:	Hintergrund indigo	Detail	:	Schrift #48d1cc
Farbe	:	indigo	Farbwert	:	#48d1cc
Farbwert	:	#4b0082	Farbe	:	mediumturquoise
HTML	:	indigo	HTML	:	#48d1cc
HTML (Wert)	:	#4b0082	HTML (Wert)	:	#48d1cc
CSS	:	indigo	CSS	:	#48d1cc
CSS (Wert)	:	#4b0082	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#4b0082	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(75,0,130)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(29%,0%,50%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbe indigo nach Schriftfarbwert #48d1cc
#4b0082	#4a1d8c	#4a3b97	#4959a1	#4977ac	#4895b6	#48b3c1	#48d1cc
#4b0082	#4a1d8c	#4a3b97	#4959a1	#4977ac	#4895b6	#48b3c1	#48d1cc

Kombination von indigo und #48d1cc
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #48d1cc und indigo beträgt 66.91%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 33.09%. #48d1cc ist nicht als Schriftfarbe auf Hintergrund indigo geeignet. Zwar ist der Helligkeitsunterschied gut, die Farben selbst sind sich zu ähnlich.

Hintergrundfarbe indigo				Schriftfarbwert #48d1cc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4b0082	#4b0082	#4b0082	#4b0082	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#642493	#642493	#40006f	#40006f	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#7e48a5	#7e48a5	#35005c	#35005c	#7cdeda	#7cdeda	#339591	#339591
#986db7	#986db7	#2a004a	#2a004a	#96e4e1	#96e4e1	#297774	#297774
#b191c9	#b191c9	#200037	#200037	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#cbb6db	#cbb6db	#150025	#150025	#caf1f0	#caf1f0	#143b3a	#143b3a
#e5daed	#e5daed	#0a0012	#0a0012	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indigo und Farbwert #48d1cc

Füllen und Umranden von HTML-Befehl hr

Hier umranden wir <hr> mit einem herausstehenden, 4 Punkte dicken Rahmen in Farbwert #48d1cc . Die Hintergrundfarbe für <hr> setzen wir entsprechend auf Farbe indigo. Das geht mit HTML nicht. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  hr { border:4pt outset #48d1cc; background-color:indigo; }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Zur Beschreibung des hier verwendeten Befehl <hr>.

Wechsel der Hintergrundfarbe bei Hover von Tag a

Ein Link wird mit HTML-Befehl <a> gesetzt. Diesen können Sie farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbe indigo auf Farbwert #48d1cc ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbe indigo vor.

Als Beispiel legen wir Farbe indigo als Hintergrundfarbe von <a> fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf verdana. Die Schriftgröße setzen wir auf 125%:

<style type="text/css"><!--
  a { 
    font-size: 125%; 
    background-color: indigo; 
    font-family: verdana;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #48d1cc geändert wird.

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

Mehr zu a finden Sie in Verweise und Protokolle in HTML. Mehr zum hier verwendeten Tag <a>.