Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #0000ff und Farbwert #c0c0c0

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbwert #0000ff			Schriftfarbwert #c0c0c0
Detail	:	Hintergrund #0000ff	Detail	:	Schrift #c0c0c0
Farbwert	:	#0000ff	Farbwert	:	#c0c0c0
Farbe	:	blue	Farbe	:	silver
HTML	:	#0000ff	HTML	:	#c0c0c0
HTML (Wert)	:	#0000ff	HTML (Wert)	:	#c0c0c0
CSS	:	#0000ff	CSS	:	#c0c0c0
CSS (Wert)	:	#0000ff	CSS (Wert)	:	#c0c0c0
CSS (kürzest)	:	#00f	CSS (kürzest)	:	#c0c0c0
CSS (RGB)	:	rgb(0,0,255)	CSS (RGB)	:	rgb(192,192,192)
CSS (%RGB)	:	rgb(0%,0%,100%)	CSS (%RGB)	:	rgb(75%,75%,75%)

Verlauf Hintergrundfarbwert #0000ff nach Schriftfarbwert #c0c0c0
#0000ff	#1b1bf6	#3636ed	#5252e4	#6d6ddb	#8989d2	#a4a4c9	#c0c0c0
#0000ff	#1b1bf6	#3636ed	#5252e4	#6d6ddb	#8989d2	#a4a4c9	#c0c0c0

Kombination von #0000ff und #c0c0c0
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#c0c0c0 eignet sich nicht als Schriftfarbe auf Hintergrund #0000ff. Zwar ist der Helligkeitsunterschied ausreichend, die Farben selbst sind jedoch zu ähnlich. Die Ähnlichkeit von #c0c0c0 und #0000ff beträgt 77.51%. Die Lesbarkeit dieser Kombination bewerte ich mit 22.49%.

Hintergrundfarbwert #0000ff				Schriftfarbwert #c0c0c0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000ff	#0000ff	#0000ff	#0000ff	#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0
#2424ff	#2424ff	#0000da	#0000da	#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4
#4848ff	#4848ff	#0000b6	#0000b6	#d2d2d2	#d2d2d2	#898989	#898989
#6d6dff	#6d6dff	#000091	#000091	#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d
#9191ff	#9191ff	#00006d	#00006d	#e4e4e4	#e4e4e4	#525252	#525252
#b6b6ff	#b6b6ff	#000048	#000048	#ededed	#ededed	#363636	#363636
#dadaff	#dadaff	#000024	#000024	#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #0000ff und Farbwert #c0c0c0

Wechsel der Textfarbe bei Hover von Befehl th

Die Textfarbe soll sich von Farbwert #0000ff auf Farbwert #c0c0c0 ändern, wenn man mit der Maus auf <th> zeigt. Wir bereiten zunächst eine Darstellung von <th> in Farbwert #0000ff vor.

Hier legen wir Farbwert #0000ff als Textfarbe von <th> fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf courier new.

<style type="text/css"><!--
  th { 
    color:#0000ff; 
    font-family:courier new;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #c0c0c0 geändert wird.

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

Mehr zum Thema th können Sie in Tabellen in HTML finden. Beschreibung des hier verwendeten Befehl <th>.