Sie sehen alle Beiträge zum Schlagwort

HSL

Accessibility Apple Block-Editor Brackets Browser Child-Theme Contao CSS CSS Grid Layout Customizer Editoren Elementor English Farben Flexbox Flexible Boxes Fotos GenerateBlocks GeneratePress Gutenberg Hashtags HSL HTML HTML5 iOS iPadOS LinkedIn Learning Listen Little Boxes macOS Mastodon Music Referenzen Responsive Grafiken Responsives Webdesign Songs Tools Twenty Twenty Twitter Ulysses Visual Studio Code Webdesign WHATWG WordPress Zugänglichkeit

Farben mischen mit HSL

Der HSL Color Picker hilft beim Denken in HSL:

  1. 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
  2. Die reinste Form der Farbe erhalten Sie mit
    • Saturation (Farbsättigung) = 100
    • Lightness (Hellwert) = 50
  3. Saturation verringern bewegt die Farbe Richtung Grau.
  4. Lightness verändern:
    • erhöhen = Farbe geht Richtung Weiß
    • verringern = Farbe geht Richtung Schwarz
  5. Transparenz der Farbe: 0 = durchsichtig, 1 = nicht durchsichtig

Der Würfel links unten neben dem Farbfeld zeigt eine Zufallsfarbe.