Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #00ced1 und Farbwert #b0c4de

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #00ced1			Schriftfarbwert #b0c4de
Detail	:	Hintergrund #00ced1	Detail	:	Schrift #b0c4de
Farbwert	:	#00ced1	Farbwert	:	#b0c4de
Farbe	:	darkturquoise	Farbe	:	lightsteelblue
HTML	:	#00ced1	HTML	:	#b0c4de
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#b0c4de
CSS	:	#00ced1	CSS	:	#b0c4de
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#b0c4de
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#b0c4de
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(176,196,222)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(69%,76%,87%)

Verlauf Hintergrundfarbwert #00ced1 nach Schriftfarbwert #b0c4de
#00ced1	#19ccd2	#32cbd4	#4bc9d6	#64c8d8	#7dc6da	#96c5dc	#b0c4de
#00ced1	#19ccd2	#32cbd4	#4bc9d6	#64c8d8	#7dc6da	#96c5dc	#b0c4de

Kombination von #00ced1 und #b0c4de
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #00ced1 ist #b0c4de ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #b0c4de und #00ced1 ergibt sich zu 94.77%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.23%.

Hintergrundfarbwert #00ced1				Schriftfarbwert #b0c4de
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#b0c4de	#b0c4de	#b0c4de	#b0c4de
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#bbcce2	#bbcce2	#96a8be	#96a8be
#48dcde	#48dcde	#009395	#009395	#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e
#6de3e4	#6de3e4	#007577	#007577	#d1ddec	#d1ddec	#64707e	#64707e
#91eaeb	#91eaeb	#005859	#005859	#dde5f0	#dde5f0	#4b545f	#4b545f
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#e8eef5	#e8eef5	#32383f	#32383f
#daf8f8	#daf8f8	#001d1d	#001d1d	#f3f6fa	#f3f6fa	#191c1f	#191c1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Textfarbe bei Hover von Tag dfn

Die Textfarbe soll sich von Farbwert #00ced1 auf Farbwert #b0c4de ändern, wenn man mit der Maus auf <dfn> zeigt. Bereiten wir zunächst eine Darstellung von <dfn> in Farbwert #00ced1 vor.

Für dieses Beispiel legen wir Farbwert #00ced1 als Textfarbe von <dfn> fest. Die Hintergrundfarbe verändern wir nicht. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße vergrößern wir auf 113%:

<style type="text/css"><!--
  dfn { 
    font-family: sans-serif; 
    font-size: 113%; 
    color: #00ced1;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #b0c4de geändert wird.

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

Weiteres zum Thema dfn können Sie in Text in HTML finden. Mehr zum hier verwendeten Tag <dfn>.