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

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 #696969
Detail	:	Hintergrund #00ced1	Detail	:	Schrift #696969
Farbwert	:	#00ced1	Farbwert	:	#696969
Farbe	:	darkturquoise	Farbe	:	dimgray
HTML	:	#00ced1	HTML	:	#696969
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#696969
CSS	:	#00ced1	CSS	:	#696969
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#696969
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#696969
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(105,105,105)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(41%,41%,41%)

Verlauf Hintergrundfarbwert #00ced1 nach Schriftfarbwert #696969
#00ced1	#0fbfc2	#1eb1b3	#2da2a4	#3c9495	#4b8586	#5a7777	#696969
#00ced1	#0fbfc2	#1eb1b3	#2da2a4	#3c9495	#4b8586	#5a7777	#696969

Kombination von #00ced1 und #696969
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. Cras id velit ante.				Die Ähnlichkeit der Farben #696969 und #00ced1 beträgt 86.62%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 13.38%. #696969 ist nicht als Schriftfarbe auf Hintergrund #00ced1 geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #00ced1				Schriftfarbwert #696969
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#696969	#696969	#696969	#696969
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#7e7e7e	#7e7e7e	#5a5a5a	#5a5a5a
#48dcde	#48dcde	#009395	#009395	#939393	#939393	#4b4b4b	#4b4b4b
#6de3e4	#6de3e4	#007577	#007577	#a9a9a9	#a9a9a9	#3c3c3c	#3c3c3c
#91eaeb	#91eaeb	#005859	#005859	#bebebe	#bebebe	#2d2d2d	#2d2d2d
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#d4d4d4	#d4d4d4	#1e1e1e	#1e1e1e
#daf8f8	#daf8f8	#001d1d	#001d1d	#e9e9e9	#e9e9e9	#0f0f0f	#0f0f0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #00ced1 und Farbwert #696969

Wechsel der Textfarbe bei Hover von Tag center

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

Z.B. legen wir Farbwert #00ced1 als Textfarbe von <center> fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf courier new und ändern die Größe der Schrift auf 14px.

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

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #696969 ändert.

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

Weiteres zu center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier gezeigten HTML-Tag center ist in der HTML Referenz unter <center> genau gezeigt.