Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00ced1 und Farbwert #b8860b

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 #00ced1			Schriftfarbwert #b8860b
Detail	:	Hintergrund #00ced1	Detail	:	Schrift #b8860b
Farbwert	:	#00ced1	Farbwert	:	#b8860b
Farbe	:	darkturquoise	Farbe	:	darkgoldenrod
HTML	:	#00ced1	HTML	:	#b8860b
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#b8860b
CSS	:	#00ced1	CSS	:	#b8860b
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#b8860b
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#b8860b
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(184,134,11)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(72%,52%,4%)

Verlauf Hintergrundfarbwert #00ced1 nach Schriftfarbwert #b8860b
#00ced1	#1ac3b4	#34b998	#4eaf7c	#69a45f	#839a43	#9d9027	#b8860b
#00ced1	#1ac3b4	#34b998	#4eaf7c	#69a45f	#839a43	#9d9027	#b8860b

Kombination von #00ced1 und #b8860b
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#b8860b ist nicht als Schriftfarbe auf Hintergrund #00ced1 geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #b8860b und #00ced1 ergibt sich zu 92.07%. Die Lesbarkeit dieser Kombination bewerte ich mit 7.93%.

Hintergrundfarbwert #00ced1				Schriftfarbwert #b8860b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#b8860b	#b8860b	#b8860b	#b8860b
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#c2972d	#c2972d	#9d7209	#9d7209
#48dcde	#48dcde	#009395	#009395	#cca850	#cca850	#835f07	#835f07
#6de3e4	#6de3e4	#007577	#007577	#d6b973	#d6b973	#694c06	#694c06
#91eaeb	#91eaeb	#005859	#005859	#e0cb96	#e0cb96	#4e3904	#4e3904
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#eadcb9	#eadcb9	#342603	#342603
#daf8f8	#daf8f8	#001d1d	#001d1d	#f4eddc	#f4eddc	#1a1301	#1a1301
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00ced1 und Farbwert #b8860b

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl abbr

Die Hintergrundfarbe soll sich von Farbwert #00ced1 auf Farbwert #b8860b ändern, wenn man mit der Maus auf <abbr> zeigt. Wir bereiten zunächst eine Darstellung von <abbr> in Farbwert #00ced1 vor.

Wir setzen als Beispiel bei <abbr> die Hintergrundfarbe auf Farbwert #00ced1. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 9px:

<style type="text/css"><!--
  abbr { 
    background-color:#00ced1; 
    font-size:9px; 
    font-family:courier new;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf #b8860b gesetzt wird.

<style type="text/css"><!--
  abbr:hover { 
    background-color:#b8860b;
  }
//-->
</style>

Einzelheiten des HTML-Befehl abbr sind in der HTML Referenz unter <abbr> genau gezeigt.

Füllen und Umranden von HTML-Befehl img

Für dieses Beispiel umranden wir <img> mit einem . Den Hintergrund von <img> setzen wir auf Farbwert #00ced1. Mit HTML geht dies kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  img { border:5pt double #b8860b; background-color:#00ced1; }
//-->
</style>

Weiteres zu img lesen Sie in Grafik in HTML. Beschreibung vom Tag <img>.