CSS: Tool zur Einführung in HSL Farbcodes
Der CSS HSL Farbhelfer soll die Verwendung von HSL-Farbcodes, wie zum Beispiel hsl(0, 50%, 50%), vereinfachen. Neben einem Farbkreis, über den sich der (H)ue Parameter beeinflussen lässt können die SuS auch die (S)aturation, (L)ightness sowie den (A)lpha Kanal beeinflussen. Die Änderungen werden live auf der Website dargestellt, wodurch ein direkter Bezug von Parameter und visueller Wirkung hergestellt wird.
Dazu gibt es Arbeitsblätter, auf denen die wichtigsten Erkenntnisse festgehalten werden.
Material
- Arbeitsblätter (PDF + Quellcode) sowie Lösungen kommen noch!