von Thomas Salvador.
Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.
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 #800080 | Schriftfarbe green | |||||
Detail | : | Hintergrund #800080 | Detail | : | Schrift green | |
Farbwert | : | #800080 | Farbe | : | green | |
Farbe | : | purple | Farbwert | : | #008000 | |
HTML | : | #800080 | HTML | : | green | |
HTML (Wert) | : | #800080 | HTML (Wert) | : | #008000 | |
CSS | : | #800080 | CSS | : | green | |
CSS (Wert) | : | #800080 | CSS (Wert) | : | #008000 | |
CSS (kürzest) | : | #800080 | CSS (kürzest) | : | #008000 | |
CSS (RGB) | : | rgb(128,0,128) | CSS (RGB) | : | rgb(0,128,0) | |
CSS (%RGB) | : | rgb(50%,0%,50%) | CSS (%RGB) | : | rgb(0%,50%,0%) |
Verlauf Hintergrundfarbwert #800080 nach Schriftfarbe green | |||||||
#800080 | #6d126d | #5b245b | #493649 | #364936 | #245b24 | #126d12 | #008000 |
#800080 | #6d126d | #5b245b | #493649 | #364936 | #245b24 | #126d12 | #008000 |
Kombination von #800080 und green | |||||||
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. | Auf Hintergrund #800080 ist green ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit von green und #800080 beträgt 91.27%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.73%. |
Hintergrundfarbwert #800080 | Schriftfarbe green | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#800080 | #800080 | #800080 | #800080 | #008000 | #008000 | #008000 | #008000 |
#922492 | #922492 | #6d006d | #6d006d | #249224 | #249224 | #006d00 | #006d00 |
#a448a4 | #a448a4 | #5b005b | #5b005b | #48a448 | #48a448 | #005b00 | #005b00 |
#b66db6 | #b66db6 | #490049 | #490049 | #6db66d | #6db66d | #004900 | #004900 |
#c891c8 | #c891c8 | #360036 | #360036 | #91c891 | #91c891 | #003600 | #003600 |
#dab6da | #dab6da | #240024 | #240024 | #b6dab6 | #b6dab6 | #002400 | #002400 |
#ecdaec | #ecdaec | #120012 | #120012 | #daecda | #daecda | #001200 | #001200 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Die Rahmenfarbe soll sich von Farbwert #800080 auf Farbe green ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst eine Darstellung von <dt> in Farbwert #800080 vor.
In diesem Beispiel umranden wir <dt> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbwert #800080.
<style type="text/css"><!-- dt { border:3px dashed #800080; } //--> </style>Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe zu green ändert.
<style type="text/css"><!-- dt:hover { border-color:green; } //--> </style>
Mehr zum Thema können Sie in Listen und Glossare in HTML finden. Möglichkeiten vom hier gezeigten Tag dt sind in der HTML Referenz bei <dt> beschrieben.
Hier umranden wir <dd> mit einem gefurchten, 2 Pixel dicken Rahmen in Farbe green . Die Hintergrundfarbe für <dd> färben wir mit Farbwert #800080. Das ist in HTML kaum möglich. Daher formatieren wir mit CSS.
<style type="text/css"><!-- dd { border-color: green; border-width: 2px; background-color: #800080; border-style: groove; } //--> </style>
Weiteres zu dd können Sie in Listen und Glossare in HTML nachsehen. Einzelheiten des hier genutzten Tag <dd>.
Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
---|---|---|---|---|---|---|
aqua | #00ffff | + | aqua | #00ffff | aqua / #800080 | |
black | #000000 | + | black | #000000 | black / #800080 | |
blue | #0000ff | + | blue | #0000ff | blue / #800080 | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / #800080 | |
gray | #808080 | + | gray | #808080 | gray / #800080 | |
grey | #808080 | + | grey | #808080 | grey / #800080 | |
green | #008000 | + | green | #008000 | green / #800080 | |
lime | #00ff00 | + | lime | #00ff00 | lime / #800080 | |
maroon | #800000 | + | maroon | #800000 | maroon / #800080 | |
navy | #000080 | + | navy | #000080 | navy / #800080 | |
olive | #808000 | + | olive | #808000 | olive / #800080 | |
purple | #800080 | + | purple | #800080 | purple / #800080 | |
red | #ff0000 | + | red | #ff0000 | red / #800080 | |
silver | #c0c0c0 | + | silver | #c0c0c0 | silver / #800080 | |
teal | #008080 | + | teal | #008080 | teal / #800080 | |
white | #ffffff | + | white | #ffffff | white / #800080 | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / #800080 |