Bert Bos | Kleur (Future CSS, Utrecht 2013)
Kleuren worden gebruikt voor tekst, kaders, kleurgradiënten en binnenkort ook voor onderstreping.
Naam | Hex | RGB | HSL | |
---|---|---|---|---|
aquamarine | #7FFFD4 | rgb(127,255,212) | hsl(160,100%,75%) | |
- | #DC9074 | rgb(220,144,116) | hsl(16,50%,66%) | |
coral | #FF7F50 | rgb(255,127,80) | hsl(16,100%,66%) | |
- | #b73000 | rgb(184,49,0) | hsl(16,100%,36%) | |
darkorchid | #9932CC | rgb(153,50,204) | hsl(280,61%,50%) | |
black | #000 | rgb(0,0,0) | hsl(0,0,0) | |
gold | #FFD700 | rgb(255,215,0) | hsl(51,100%,50%) |
rgba(R,G,B,alpha) and hsla(H,S,L,alpha)
hsla(20, 90%, 50%, 0.0)
hsla(20, 90%, 50%, 0.3)
hsla(20, 90%, 50%, 0.6)
hsla(20, 90%, 50%, 1.0)
'opacity' maakt het hele element doorzichtig
P {opacity: 0.8}
← vrijwel ondoorzichtig
Transparantie is maar één manier om voor- en achtergrond te combineren
Twee nieuwe modules met geavanceerde grafische operaties zijn in ontwikkeling:
Maak een document met een aantal elementen die alleen in tint (hue) verschillen
Dit kan een probleem geven voor mensen met slechte ogen of kleurenblindheid. Wat kun je daaraan doen?