Farbwähler

[Matthias Scharwies]

Servus!

@@Matthias Scharwies

Ich habe den Artikel color mal ein bisschen aufgeräumt.

Na dann ist ja Platz für Neues:

• #1481B8E5 (mit Opazität achtstellig/viestellig)
• rgb(20 129 184) (ohne Kommas)
• rgb(20 129 184 / 0.9) (rgb() mit 4 Werten: mit Opazität; hsl() entsprechend)
• hsl(200deg 80% 40%) (Winkel mit Einheit)
• HWB-Farbmodell

Da hab ich ein bisschen Bauschschmerzen mit. Ich habe den Artikel angefasst, weil ein neuer Benutzer ein background-color mit eingefügt hatte (und zwar nur im Code - logischerweise nicht im Live-Beispiel). Dabei habe ich einige CSS-Angaben rausgehauen.

Noch mehr verschiedene Farbangaben würden noch mehr Elemente und damit weniger Übersicht bedeuten.

Das wäre auch eine gute Stelle, die Vorteile von HSL/HWB gegenüber RGB darzulegen.

• Kontrastchecker - Wie würde man so etwas programmieren?

Bspw. so:

• <a href="https://webaim.org/resources/contrastchecker/">Color Contrast Checker</a> (WebAIM)
• <a href="http://contrast-ratio.com/">contrast ratio</a> (Lea Verou)

Nur dass HTML nicht „programmiert“ wird.

Ha, ha, ha - ich habe mal ein Grundmodell eines Farbwählers angelegt, damit die Seite zu input type="color" zeigt, wie die Eingabe mit JavaScript auch weiterverarbeitet werden kann.

Jetzt wär's natürlich einfach, deine URLs zu verlinken und nicht zu programmieren.

Schöner wär halt ein komfortablerer Farbwähler; der von Lea Verou sieht schon gut aus.

Herzliche Grüße

Matthias Scharwies