Transcript
Het eerste wat je wellicht met CSS wilt doen is kleur toevoegen, iedereen heeft een beetje kleur nodig in z'n leven. Zegt iemand wiens klerenkast alleen bestaat uit zwart, wit en grijs maargoed.. Je kunt in CSS op een aantal verschillende manieren kleur uitdrukken. Laten we er een paar bekijken.
- Named colors; er zijn ongeveer 140 named colors in CSS. Dat is een kleur met een specifieke naam. Er zijn de meeste rare named colors; bijvoorbeeld hotpink, goldenrod en mijn favoriet PapayaWhip. Het nadeel van named colors is what you see is what you get. Je kan niet tweaken als je de kleur bijvoorbeeld lichter wild of iets wat tussen twee kleuren zitten. Daar moet je andere formaten voor gebruiken. Bijvoorbeeld een hex code.
- Hex code; dit zijn hexidecimale getallen en staan voor de kleuren die een computerscherm weergeven. RR GG BB. Hexidecimaal betekend dat het naast nummers 0/9 ook letters bevat A tot en met F. Als ik bijvoorbeeld #0000FF doe dan is blauw het hoogst want RGB. Als ik bijvoorbeeld #FF0000 krijg ik rood. Het hekje (ik zeg hekkie) moet je ervoor doen. Vaak kan je online in een zoekmachine kleuren hex codes opzoeken of vanuit een design tool hex code kopieren.
- Hex en named colors worden het meest gebruikt. Je hebt ook nog HSL wat staat voor hue, saturation en lightness. Vooral de laatste jaren is deze steeds populairder aan het worden om kleuren uit te drukken. Hue is kleuren op de regenboog. Dus 0 / 100 / 50 is rood. Rood is de eerste kleur in de regenboog, met volle saturatie en de meeste vibrante kleur rood.
Er zijn nog meer manieren om kleur uit te drukken in CSS maar dit zijn de drie meest voorkomende.