CSS -zelfstudie

CSS HOME CSS-introductie CSS-syntaxis CSS-kiezers CSS-handleiding CSS-opmerkingen CSS-kleuren CSS-achtergronden CSS-randen CSS-marges CSS-opvulling CSS Hoogte/Breedte CSS-boxmodel CSS-overzicht CSS-tekst CSS-lettertypen CSS-pictogrammen CSS-links CSS-lijsten CSS-tabellen CSS-weergave CSS Max-breedte CSS-positie CSS Z-index CSS-overloop CSS zweven CSS Inline-blok CSS uitlijnen CSS-combinaties CSS Pseudo-klasse CSS Pseudo-element CSS-dekking CSS-navigatiebalk CSS-dropdownmenu's CSS-afbeeldingengalerij CSS-afbeeldingssprites CSS Attr-kiezers CSS-formulieren CSS-tellers CSS-websitelay-out CSS-eenheden CSS-specificiteit CSS !belangrijk CSS wiskundige functies

CSS Geavanceerd

CSS afgeronde hoeken CSS-randafbeeldingen CSS-achtergronden CSS-kleuren CSS-kleurzoekwoorden CSS-verlopen CSS-schaduwen CSS-teksteffecten CSS-weblettertypen CSS 2D-transformaties CSS 3D-transformaties CSS-overgangen CSS-animaties CSS-tooltips Afbeeldingen in CSS-stijl CSS-beeldreflectie CSS-object-fit CSS-objectpositie CSS-maskering CSS-knoppen CSS-Paginering CSS Meerdere kolommen CSS-gebruikersinterface CSS-variabelen Grootte van CSS-box CSS-mediaquery's CSS MQ-voorbeelden CSS Flexbox

CSS Responsief

RWD Intro RWD-kijkpoort RWD-rasterweergave RWD-mediaquery's RWD-afbeeldingen RWD-video's RWD-frameworks RWD-sjablonen

CSS- raster

Rasterintro Rastercontainer Rasteritem

CSS SASS

SASS-zelfstudie

CSS- voorbeelden

CSS-sjablonen CSS-voorbeelden css-quiz CSS-oefeningen CSS-certificaat

CSS- referenties

CSS-referentie CSS-kiezers CSS-functies CSS Referentie Auditief CSS webveilige lettertypen CSS animeerbaar CSS-eenheden CSS PX-EM-converter CSS-kleuren CSS-kleurwaarden CSS-standaardwaarden Ondersteuning voor CSS-browser

CSS RGB-kleuren


Een RGB-kleurwaarde staat voor RODE, GROENE en BLAUWE lichtbronnen.


RGB-waarde

In CSS kan een kleur worden gespecificeerd als een RGB-waarde, met behulp van deze formule:

RGB ( rood, groen , blauw )

Elke parameter (rood, groen en blauw) definieert de intensiteit van de kleur tussen 0 en 255.

RGB(255, 0, 0) wordt bijvoorbeeld weergegeven als rood, omdat rood is ingesteld op de hoogste waarde (255) en de andere zijn ingesteld op 0.

Om zwart weer te geven, stelt u alle kleurparameters in op 0, als volgt: rgb(0, 0, 0).

Om wit weer te geven, stelt u alle kleurparameters in op 255, als volgt: rgb(255, 255, 255).

Experimenteer door de onderstaande RGB-waarden te mengen:

RGB(255, 99, 71)

ROOD

255

GROENTE

99

BLAUW

71

Voorbeeld

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Grijstinten worden vaak gedefinieerd met gelijke waarden voor alle 3 de lichtbronnen:

Voorbeeld

rgb(60, 60, 60)
rgb(90, 90, 90)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(210, 210, 210)
rgb(240, 240, 240)


RGBA-waarde

RGBA-kleurwaarden zijn een uitbreiding van RGB-kleurwaarden met een alfakanaal - dat de dekking voor een kleur specificeert.

Een RGBA-kleurwaarde wordt opgegeven met:

rgba ( rood, groen , blauw, alfa )

De alpha parameter is een getal tussen 0.0 (volledig transparant) en 1.0 (helemaal niet transparant):

Experimenteer door de onderstaande RGBA-waarden te mengen:

rgba (255, 99, 71, 0,5)

ROOD

255

GROENTE

99

BLAUW

71

ALFA

0,5

Voorbeeld

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)