Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #cd5c5c und Farbwert #dda0dd

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 #cd5c5c			Schriftfarbwert #dda0dd
Detail	:	Hintergrund #cd5c5c	Detail	:	Schrift #dda0dd
Farbwert	:	#cd5c5c	Farbwert	:	#dda0dd
Farbe	:	indianred	Farbe	:	plum
HTML	:	#cd5c5c	HTML	:	#dda0dd
HTML (Wert)	:	#cd5c5c	HTML (Wert)	:	#dda0dd
CSS	:	#cd5c5c	CSS	:	#dda0dd
CSS (Wert)	:	#cd5c5c	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#cd5c5c	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(205,92,92)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(80%,36%,36%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbwert #cd5c5c nach Schriftfarbwert #dda0dd
#cd5c5c	#cf656e	#d16f80	#d37993	#d682a5	#d88cb8	#da96ca	#dda0dd
#cd5c5c	#cf656e	#d16f80	#d37993	#d682a5	#d88cb8	#da96ca	#dda0dd

Kombination von #cd5c5c und #dda0dd
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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #dda0dd und #cd5c5c ergibt sich zu 90.85%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 9.15%. #dda0dd ist nicht als Schriftfarbe auf Hintergrund #cd5c5c geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbwert #cd5c5c				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#d47373	#d47373	#af4e4e	#af4e4e	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#db8a8a	#db8a8a	#924141	#924141	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#e2a1a1	#e2a1a1	#753434	#753434	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#e9b9b9	#e9b9b9	#572727	#572727	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #cd5c5c und Farbwert #dda0dd

Wechsel der Umrandung bei Hover von Befehl q

Die Rahmenfarbe soll sich von Farbwert #cd5c5c auf Farbwert #dda0dd ändern, wenn man mit der Maus auf <q> zeigt. Bereiten wir zunächst eine Formatierung von <q> in Farbwert #cd5c5c vor.

In diesem Beispiel umranden wir <q> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbwert #cd5c5c.

<style type="text/css"><!--
  q { border:1px dashed #cd5c5c; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #dda0dd gesetzt wird.

<style type="text/css"><!--
  q:hover { 
    border-color:#dda0dd;
  }
//-->
</style>

Beschreibung vom hier genutzten Tag <q>.