Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00bfff und Farbe orchid

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 #00bfff			Schriftfarbe orchid
Detail	:	Hintergrund #00bfff	Detail	:	Schrift orchid
Farbwert	:	#00bfff	Farbe	:	orchid
Farbe	:	deepskyblue	Farbwert	:	#da70d6
HTML	:	#00bfff	HTML	:	orchid
HTML (Wert)	:	#00bfff	HTML (Wert)	:	#da70d6
CSS	:	#00bfff	CSS	:	orchid
CSS (Wert)	:	#00bfff	CSS (Wert)	:	#da70d6
CSS (kürzest)	:	#00bfff	CSS (kürzest)	:	#da70d6
CSS (RGB)	:	rgb(0,191,255)	CSS (RGB)	:	rgb(218,112,214)
CSS (%RGB)	:	rgb(0%,74%,100%)	CSS (%RGB)	:	rgb(85%,43%,83%)

Verlauf Hintergrundfarbwert #00bfff nach Schriftfarbe orchid
#00bfff	#1fb3f9	#3ea8f3	#5d9ded	#7c91e7	#9b86e1	#ba7bdb	#da70d6
#00bfff	#1fb3f9	#3ea8f3	#5d9ded	#7c91e7	#9b86e1	#ba7bdb	#da70d6

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

Hintergrundfarbwert #00bfff				Schriftfarbe orchid
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00bfff	#00bfff	#00bfff	#00bfff	#da70d6	#da70d6	#da70d6	#da70d6
#24c8ff	#24c8ff	#00a3da	#00a3da	#df84db	#df84db	#ba60b7	#ba60b7
#48d1ff	#48d1ff	#0088b6	#0088b6	#e498e1	#e498e1	#9b5098	#9b5098
#6ddaff	#6ddaff	#006d91	#006d91	#e9ade7	#e9ade7	#7c407a	#7c407a
#91e3ff	#91e3ff	#00516d	#00516d	#efc1ed	#efc1ed	#5d305b	#5d305b
#b6ecff	#b6ecff	#003648	#003648	#f4d6f3	#f4d6f3	#3e203d	#3e203d
#daf5ff	#daf5ff	#001b24	#001b24	#f9eaf9	#f9eaf9	#1f101e	#1f101e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00bfff und Farbe orchid

Hintergrund/Text-Kombination bei Befehl p

In diesem Beispiel ändern wir die Textfarbe von <p> auf Farbe orchid und die Hintergrundfarbe von <p> auf Farbwert #00bfff. Als Schriftart setzen wir verdana und als Schriftgröße wählen wir 94%.

<style type="text/css"><!--
  p { 
    background-color:#00bfff; 
    font-family:verdana; 
    font-size:94%; 
    color:orchid;
  }
//-->
</style>

Weiteres zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Der Tag p ist in der HTML Referenz bei <p> beschrieben.

Wechsel der Textfarbe bei Hover bei HTML-Befehl code

Die Textfarbe soll sich von Farbwert #00bfff auf Farbe orchid ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <code> in Farbwert #00bfff vor.

Für dieses Beispiel legen wir Farbwert #00bfff als Textfarbe von <code> fest. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf monospace und setzen die Größe der Schrift auf 13px.

<style type="text/css"><!--
  code { 
    color: #00bfff; 
    font-size: 13px; 
    font-family: monospace;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe auf orchid ändert.

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

Weiteres zum Thema code können Sie in Text in HTML nachlesen. Der hier genutzte Tag code ist in der HTML Referenz bei <code> genau zusammengestellt.