Gestaltung und Farbe
Kleurstaal„Kleurstaal“, niederländisch für Farbmuster
Farbkontrast prüfen, eine Palette aus einem Foto holen, Verläufe, Schatten und Meta-Tags erstellen.
Online14 Werkzeuge
Alle Werkzeuge von Kleurstaal (14)
Jedes Werkzeug hat eine eigene Seite auf Kleurstaal, in Ihrer Sprache. Klicken Sie, und Sie können sofort beginnen.
- Farbkontrast prüfenPrüfen Sie, ob Ihre Textfarbe auf dem Hintergrund nach WCAG lesbar ist, mit einer Farbe, die besteht.
- Farbpalette aus einem FotoHolen Sie die Hauptfarben aus einem Foto oder Logo, zum Kopieren als HEX, CSS oder Tailwind.
- Farbwert umrechnenRechnen Sie einen Farbwert in HEX, RGB, HSL, OKLCH, CMYK und mehr um, mit dem nächsten CSS-Namen.
- Farbskala erstellenMachen Sie aus einer Markenfarbe eine Skala von 50 bis 950, mit dem Kontrast jeder Stufe.
- Farbverlauf erstellenErstellen Sie einen linearen, radialen oder konischen Verlauf ohne grauen Mittelstreifen, als CSS.
- Schatten erstellenErstellen Sie weiche, geschichtete Schatten, die echt wirken, mit Vorschau in Hell und Dunkel.
- Schriften kombinierenWählen Sie aus zwölf Schriftpaaren für Titel und Text und sehen Sie sie mit Ihrem eigenen Text.
- SVG optimierenMachen Sie ein SVG kleiner ohne überflüssigen Code, mit Vorher und Nachher nebeneinander.
- Meta-Tags erstellenSchreiben Sie Titel, Beschreibung, Open Graph und hreflang Ihrer Seite, mit Vorschau als Suchergebnis.
- Farbenblindheit simulierenSehen Sie ein Bild oder eine Palette so, wie Menschen mit Farbenblindheit es sehen.
- KontrastmatrixSetzen Sie jede Farbe Ihrer Palette auf jede andere und sehen Sie, welche Paare AA oder AAA schaffen.
- Farbe aus einem BildZeigen Sie auf eine Farbe in einem Foto oder Bildschirmfoto und kopieren Sie den Code.
- FarbharmonieFinden Sie Komplementär-, analoge oder Triadenfarben zu einer Farbe, auf dem OKLCH-Rad.
- Fluide TyposkalaErstellen Sie Schriftgrößen, die vom Handy bis zum breiten Bildschirm mitwachsen, als CSS mit clamp().
Was Kleurstaal macht
Kleurstaal ist das Zeichenbrett von Handig, für alle, die ein Plakat, ein Erscheinungsbild oder eine Website gestalten. Ist dieser Text auf dieser Farbe lesbar? Welche Farben stecken in meinem Logo? Wie sieht ein farbenblinder Mensch das? Alles in Ihrem Browser.
Wo die Arbeit passiert
Auf Ihrem Gerät
Alles geschieht in Ihrem Browser. Nichts wird gesendet.
Die Seite jedes Werkzeugs sagt es noch einmal, genau für dieses Werkzeug.