von Thomas Salvador.
Es gibt insgesamt acht Grundfarben. Sie bestehen aus zwei unbunten Grundfarben (Schwarz und Weiß) und sechs bunten Grundfarben.
Die bunten Grundfarben entstehen dadurch, dass die Anteile von Rot, Grün und Blau jeweils paarweise maximal sind.
In HTML und CSS haben damit die entsprechenden Bestandteile den Wert hexadezimal ff, bzw. dezimal 255 bzw. prozentual 100%.
Hintergrundfarbwert #ff0000 | ||||||
Detail | : | Hintergrundfarbwert #ff0000 | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 |
Farbe | : | red | #ff2424 | #ff2424 | #da0000 | #da0000 |
HTML | : | #ff0000 | #ff4848 | #ff4848 | #b60000 | #b60000 |
CSS | : | #ff0000 | #ff6d6d | #ff6d6d | #910000 | #910000 |
CSS (Wert) | : | #ff0000 | #ff9191 | #ff9191 | #6d0000 | #6d0000 |
CSS (kürzest) | : | #f00 | #ffb6b6 | #ffb6b6 | #480000 | #480000 |
CSS (RGB) | : | rgb(255,0,0) | #ffdada | #ffdada | #240000 | #240000 |
CSS (%RGB) | : | rgb(100%,0%,0%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <p> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbwert #ff0000. In HTML ist dies nicht möglich. Deshalb nutzen wir hier CSS.
<style type="text/css"><!-- p { border:2px dotted #ff0000; } //--> </style>
Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Der hier gezeigte Befehl p ist in der HTML Referenz bei <p> genau gezeigt.
In diesem Beispiel unterstreichen wir <strong> mit einem gefurchten Rahmen mit 1 Pixel Dicke in Farbwert #ff0000. Mit HTML geht dies kaum. Deshalb nutzen wir dafür CSS.
<style type="text/css"><!-- strong { border-bottom:1px groove #ff0000; } //--> </style>
Die Idee ist dabei, unabhängige Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sieht man diesen Effekt bei Links. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine "normale" Unterstreichung, der Text hat gar keine Unterstreichung. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.
Weiteres zu strong können Sie in Text in HTML nachlesen. Einzelheiten des hier genutzten HTML-Tag <strong>.
Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
---|---|---|---|---|---|---|
aqua | #00ffff | + | aqua | #00ffff | aqua / #ff0000 | |
black | #000000 | + | black | #000000 | black / #ff0000 | |
blue | #0000ff | + | blue | #0000ff | blue / #ff0000 | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / #ff0000 | |
lime | #00ff00 | + | lime | #00ff00 | lime / #ff0000 | |
red | #ff0000 | + | red | #ff0000 | red / #ff0000 | |
white | #ffffff | + | white | #ffffff | white / #ff0000 | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / #ff0000 |