Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00bfff und Farbwert #6b8e23

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			Schriftfarbwert #6b8e23
Detail	:	Hintergrund #00bfff	Detail	:	Schrift #6b8e23
Farbwert	:	#00bfff	Farbwert	:	#6b8e23
Farbe	:	deepskyblue	Farbe	:	olivedrab
HTML	:	#00bfff	HTML	:	#6b8e23
HTML (Wert)	:	#00bfff	HTML (Wert)	:	#6b8e23
CSS	:	#00bfff	CSS	:	#6b8e23
CSS (Wert)	:	#00bfff	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#00bfff	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(0,191,255)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(0%,74%,100%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbwert #00bfff nach Schriftfarbwert #6b8e23
#00bfff	#0fb8df	#1eb1c0	#2daaa0	#3da381	#4c9c61	#5b9542	#6b8e23
#00bfff	#0fb8df	#1eb1c0	#2daaa0	#3da381	#4c9c61	#5b9542	#6b8e23

Kombination von #00bfff und #6b8e23
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #6b8e23 und #00bfff beträgt 91.46%. Die Lesbarkeit dieser Kombination bewerte ich mit 8.54%. #6b8e23 eignet sich nicht als Schriftfarbe auf Hintergrund #00bfff. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbwert #00bfff				Schriftfarbwert #6b8e23
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00bfff	#00bfff	#00bfff	#00bfff	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#24c8ff	#24c8ff	#00a3da	#00a3da	#809e42	#809e42	#5b791e	#5b791e
#48d1ff	#48d1ff	#0088b6	#0088b6	#95ae61	#95ae61	#4c6519	#4c6519
#6ddaff	#6ddaff	#006d91	#006d91	#aabe81	#aabe81	#3d5114	#3d5114
#91e3ff	#91e3ff	#00516d	#00516d	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#b6ecff	#b6ecff	#003648	#003648	#d4dec0	#d4dec0	#1e280a	#1e280a
#daf5ff	#daf5ff	#001b24	#001b24	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #00bfff und Farbwert #6b8e23

Wechsel der Umrandung bei Hover bei Tag p

Die Rahmenfarbe soll sich von Farbwert #00bfff auf Farbwert #6b8e23 ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst eine Formatierung von <p> in Farbwert #00bfff vor.

In diesem Beispiel umranden wir <p> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbwert #00bfff.

<style type="text/css"><!--
  p { 
    border-style:dashed; 
    border-color:#00bfff; 
    border-width:1px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #6b8e23 ändert.

<style type="text/css"><!--
  p:hover { 
    border-color:#6b8e23;
  }
//-->
</style>

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Beschreibung des hier gezeigten HTML-Befehl <p>.