Aquest és un exemple de com utilitzar CSS per estilitzar una pàgina web.
Tingueu en compte les propietats CSS comunes com colors, marges, i fonts.
Aquest text està destacat.
Aquest és el primer paràgraf.
Aquest és el segon paràgraf.
Aquest és el tercer paràgraf.
Aquest és el quart paràgraf.
Aquest és el cinquè paràgraf.
Aquest és el sisè paràgraf.
Aquest és el setè paràgraf.
Aquest és el vuitè paràgraf.
Aquest és el novè paràgraf.
Aquest és el desè paràgraf.
Aquest és un exemple d'unitats de mida CSS
Exemple d'unitats relatives
Les unitats relatives s'ajusten al context i les unitats absolutes són fixes.
Exemples de Colors RGB amb CSS
rgb(255, 0, 0) - Vermell
rgb(0%, 128%, 0%) - Verd
#0000FF - Blau
#FF00FF - Magenta
Exemple amb el sistema de color
#808080
#80808080
rgb(255, 0, 0)
rgba(255, 0, 0, 0.5)
hsv(300, 100%, 50%)
hsl(350, 62%, 88%)
lab(90, 5, 10)
Escala de grisos
Escala de grisos amb alfa
RGB
RGB amb alfa
HSV
HSL
CIELAB
#00FF00
#00FF0080
rgb(0, 255, 0)
rgba(0, 255, 0, 0.5)
hsv(120, 100%, 100%)
hsl(120, 100%, 50%)
lab(87%, -86%, 83%)
#0000FF
#0000FF80
rgb(0, 0, 255)
rgba(0, 0, 255, 0.5)
hsv(240, 100%, 100%)
hsl(240, 100%,50%)
lab(32%, -9,-108)
#FFFF00
#FFFF0080
rgb(255 ,255 ,0)
rgba(255 ,255 ,0 ,0.5)
hsv(60 ,100% ,100% )
hsl(60 ,100% ,50% )
lab(97%, -21%, 94%)
Els espais de color són formes d'organitzar els colors segons un model matemàtic o arbitrari. Els espais de color poden tenir diferents propietats i aplicacions, com ara la reproducció del color, la percepció del color o la compressió de dades. Alguns dels espais de color més comuns són:
Escala de grisos: Un espai de color que només té una dimensió, la intensitat o el valor del gris. Els colors es representen amb un nombre entre 0 (negre) i 255 (blanc). Per exemple, el gris mig seria 128. Aquest espai de color s'utilitza per a imatges en blanc i negre o per a reduir la informació de color d'una imatge.
Escala de grisos amb alfa: Un espai de color que té dues dimensions, la intensitat del gris i el canal alfa. El canal alfa indica el grau de transparència d'un píxel, amb un nombre entre 0 (totalment transparent) i 255 (totalment opac). Per exemple, un gris mig amb un 50% de transparència seria (128, 128). Aquest espai de color s'utilitza per a crear efectes de superposició o degradats.
RGB: Un espai de color que té tres dimensions, el vermell (R), el verd (G) i el blau (B). Els colors es representen amb una terna de nombres entre 0 i 255, on cada nombre indica la intensitat del color primari corresponent. Per exemple, el groc seria (255, 255, 0). Aquest espai de color s'utilitza per a mostrar colors en pantalles digitals, com ara monitors, televisors o telèfons.
RGBA: Un espai de color que té quatre dimensions, el vermell (R), el verd (G), el blau (B) i el canal alfa (A). El canal alfa indica el grau de transparència d'un píxel, amb un nombre entre 0 (totalment transparent) i 255 (totalment opac). Per exemple, un groc amb un 50% de transparència seria (255, 255, 0, 128). Aquest espai de color s'utilitza per a mostrar colors en pantalles digitals amb efectes de transparència.
HSV: Un espai de color que té tres dimensions, el to (H), la saturació (S) i el valor (V). El to indica el color dominant en graus, amb un nombre entre 0 i 360. La saturació indica la puresa del color en percentatge, amb un nombre entre 0 i 100. El valor indica la brillantor del color en percentatge, amb un nombre entre 0 i 100. Per exemple, un groc viu seria (60, 100, 100). Aquest espai de color s'utilitza per a seleccionar colors segons la seva aparença visual.
HSL: Un espai de color que té tres dimensions, el to (H), la saturació (S) i la lluminositat (L). El to indica el color dominant en graus, amb un nombre entre 0 i 360. La saturació indica la puresa del color en percentatge, amb un nombre entre 0 i 100. La lluminositat indica la quantitat de blanc o negre afegida al color en percentatge, amb un nombre entre 0 i 100. Per exemple, un groc pàl·lid seria (60, 100, 75). Aquest espai de color s'utilitza per a seleccionar colors segons la seva aparença visual.
CIELAB: Un espai de color que té tres dimensions, la lluminositat (L*), l'eix vermell-verd (a*) i l'eix blau-groc (b*). La lluminositat indica la brillantor del color en percentatge, amb un nombre entre 0 i 100. L'eix vermell-verd indica la posició del color entre el vermell (+) i el verd (-), amb un nombre entre -128 i +127. L'eix blau-groc indica la posició del color entre el blau (+) i el groc (-), amb un nombre entre -128 i +127. Per exemple, un groc fosc seria (74, -3, 77). Aquest espai de color s'utilitza per a mesurar la diferència perceptiva entre colors i per a representar tots els colors que pot veure l'ull humà.
CMYK és un espai de color que té quatre dimensions, el cian (C), el magenta (M), el groc (Y) i el negre (K). Aquests colors corresponen als quatre colors d’tinta que s’utilitzen en les impressores domèstiques i comercials. El negre s’anomena clau perquè és el color principal que s’utilitza per determinar el resultat de la imatge. El model CMYK funciona mitjançant la màscara parcial o total dels colors sobre un fons més clar, normalment blanc. La tinta redueix la llum que es reflectiria. Aquest model s’anomena subtractiu perquè les tintes "resten" els colors vermell, verd i blau de la llum blanca; llum blanca menys vermell deixa cian, llum blanca menys verd deixa magenta i llum blanca menys blau deixa groc. En els models de color additius, com ara RGB, el blanc és la combinació "additiva" de tots els colors primaris de llum, el negre és l’absència de llum.
