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

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			Schriftfarbe burlywood
Detail	:	Hintergrund #00ced1	Detail	:	Schrift burlywood
Farbwert	:	#00ced1	Farbe	:	burlywood
Farbe	:	darkturquoise	Farbwert	:	#deb887
HTML	:	#00ced1	HTML	:	burlywood
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#deb887
CSS	:	#00ced1	CSS	:	burlywood
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#deb887
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#deb887
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(222,184,135)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(87%,72%,52%)

Verlauf Hintergrundfarbwert #00ced1 nach Schriftfarbe burlywood
#00ced1	#1fcac6	#3fc7bb	#5fc4b1	#7ec1a6	#9ebe9c	#bebb91	#deb887
#00ced1	#1fcac6	#3fc7bb	#5fc4b1	#7ec1a6	#9ebe9c	#bebb91	#deb887

Kombination von #00ced1 und burlywood
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund #00ced1 ist burlywood ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit der Farben burlywood und #00ced1 beträgt 94.99%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.01%.

Hintergrundfarbwert #00ced1				Schriftfarbe burlywood
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#deb887	#deb887	#deb887	#deb887
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#e2c298	#e2c298	#be9d73	#be9d73
#48dcde	#48dcde	#009395	#009395	#e7cca9	#e7cca9	#9e8360	#9e8360
#6de3e4	#6de3e4	#007577	#007577	#ecd6ba	#ecd6ba	#7e694d	#7e694d
#91eaeb	#91eaeb	#005859	#005859	#f0e0cb	#f0e0cb	#5f4e39	#5f4e39
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#f5eadc	#f5eadc	#3f3426	#3f3426
#daf8f8	#daf8f8	#001d1d	#001d1d	#faf4ed	#faf4ed	#1f1a13	#1f1a13
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00ced1 und Farbe burlywood

Wechsel der Umrandung bei Hover von Tag center

Die Rahmenfarbe soll sich von Farbwert #00ced1 auf Farbe burlywood ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <center> in Farbwert #00ced1 vor.

In diesem Beispiel umranden wir <center> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbwert #00ced1.

<style type="text/css"><!--
  center { border:5px dotted #00ced1; }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Rahmenfarbe zu burlywood ändert.

<style type="text/css"><!--
  center:hover { 
    border-color:burlywood;
  }
//-->
</style>

Weiteres zum Thema center finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier gezeigten Befehl center sind in der HTML Referenz bei <center> ausführlich beschrieben.

Wechsel der Textfarbe bei Hover bei Befehl address

Die Textfarbe soll sich von Farbwert #00ced1 auf Farbe burlywood ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <address> in Farbwert #00ced1 vor.

In diesem Beispiel legen wir die Textfarbe von <address> auf Farbwert #00ced1 fest. Die Schriftgröße setzen wir auf 82%:

<style type="text/css"><!--
  address { 
    color:#00ced1; 
    font-size:82%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf burlywood gesetzt wird.

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

Weiteres zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Die Beschreibung vom Befehl address finden Sie in der HTML Referenz unter <address>.