In diesem genialen, 18-minütigen Vortrag erklärt David DeSandro, wie er als farbenblinder Entwickler Hex-Codes liest:
- Vortrag Read color hex codes (mit Video, Slides und Transkript)
Danach sieht man Hex-Codes buchstäblich mit anderen Augen.
Sie sehen alle Beiträge zum Schlagwort
Farben
Apple Block-Editor Block-Themes Brackets Child-Theme Contao CSS CSS Grid Layout Customizer Editoren Einstieg in CSS Elementor Farben Flexbox Flexible Boxes float Fotos Full Site Editing GenerateBlocks GeneratePress Google Analytics Gutenberg Hashtags HTML HTML5 Interview iOS iPadOS Layout LinkedIn Learning Linktipp Listen Little Boxes macOS Mastodon Referenzen Responsive Grafiken Responsives Webdesign Tools Twitter Ulysses Visual Studio Code Webdesign Word WordPress
Using HSL Colors in CSS
Toller Beitrag zum Thema Using HSL Colors In CSS:
Ahmad Shadeed explains what HSL is, how to use it, and shares some of the useful use-cases and examples that you can use right away in your current projects.
Smashing Magazine (07/2021)
Wenn Sie hsl() interessant finden, ist dieser Artikel eine echte Empfehlung.
Farben mischen mit HSL
Der HSL Color Picker hilft beim Denken in HSL:
- Hue (Farbton) auf dem »Farbkreis« wählen (oberster Balken):
- Primäre Farben: 0/360° = Rot, 120° = Grün, 240° = Blau
- Sekundäre Farben: 60° = Gelb, 180° = Cyan, 300° = Magenta
- Die reinste Form der Farbe erhalten Sie mit
- Saturation (Farbsättigung) = 100
- Lightness (Hellwert) = 50
- Saturation verringern bewegt die Farbe Richtung Grau.
- Lightness verändern:
- erhöhen = Farbe geht Richtung Weiß
- verringern = Farbe geht Richtung Schwarz
- Transparenz der Farbe: 0 = durchsichtig, 1 = nicht durchsichtig
Der Würfel links unten neben dem Farbfeld zeigt eine Zufallsfarbe.