Handig · Gestaltung und Farbe
Farbe und Gestaltung, nach Maß gezeichnet
Prüfen Sie den Kontrast Ihrer Farben, gewinnen Sie eine Palette aus einem Foto, erstellen Sie eine Farbskala oder einen weichen Schatten. Kleurstaal rechnet alles in Ihrem eigenen Browser: Was Sie einfügen oder hierher ziehen, geht nirgendwohin.
- Bleibt auf Ihrem Gerät
- Kein Konto
- Kostenlos und unbegrenzt
- Auf Weiß
- 9.52:1 · AAA
- Auf Schwarz
- 2.20:1 · –
Ziehen Sie über den Fächer oder nutzen Sie die Pfeiltasten. Diese Farbe im Kontrast-Tool
Hier beginnen
Ihre eigene Farbe oder Ihr Bild
Eine Farbe in beliebiger Schreibweise, ein Foto, Logo oder SVG. Kleurstaal schlägt die passenden Tools vor. Alles bleibt auf Ihrem Gerät.
Die Werkzeuge
14 Tools für Farbe und Gestaltung
Farbe
Kontrast, Paletten, Pipette, Farbwerte, Harmonien, Skalen und Farbenblindheit.
- Farbkontrast prüfenIst Ihr Text auf diesem Hintergrund lesbar? WCAG AA und AAA, mit einer Farbe, die besteht.
- KontrastmatrixJede Farbe Ihrer Palette auf jeder anderen: Welche Paare schaffen AA oder AAA?
- Farbpalette aus einem FotoDie Hauptfarben eines Fotos oder Logos, als HEX, CSS oder Tailwind. Das Foto bleibt auf Ihrem Gerät.
- Farbe aus einem BildZeigen Sie auf eine Farbe in einem Foto oder Bildschirmfoto und kopieren Sie den Code.
- Farbwert umrechnenVon HEX in RGB, HSL, HWB, OKLCH, OKLab und CMYK, mit dem nächstgelegenen CSS-Namen.
- FarbharmonieKomplementär, analog, Triade und mehr, aus einer Farbe auf dem OKLCH-Rad.
- Farbskala erstellenAus einer Farbe eine Skala von 50 bis 950, mit dem Kontrast jeder Stufe. Für CSS und Tailwind.
- Farbenblindheit simulierenSehen Sie Ihr Design oder Ihre Palette so wie jemand mit Protanopie, Deuteranopie, Tritanopie oder ohne Farbe.
Form
Verläufe, Schatten, Schriftkombinationen und eine fluide Typoskala.
- Farbverlauf erstellenLinear, radial oder konisch, mit so vielen Farben, wie Sie möchten, und ohne grauen Mittelstreifen. CSS fertig.
- Schatten erstellenWeiche, geschichtete Schatten statt Rändern, mit einer Vorschau in Hell und Dunkel.
- Schriften kombinierenAusgewählte Schriftkombinationen für Titel und Text, mit einer Vorschau in vier Sprachen.
- Fluide TyposkalaSchriftgrößen, die vom Handy bis zum breiten Bildschirm mitwachsen, mit clamp().
Web
SVG optimieren und Meta-Tags für Ihre Seite.
Alles im Browser
Kleurstaal rechnet auf Ihrem eigenen Computer oder Handy. Was Sie einfügen oder öffnen, geht an keinen Server, auch nicht kurz.
Kein Konto
Keine E-Mail-Adresse, kein Passwort, keine Anmeldung. Öffnen und sofort loslegen.
Eine Ausnahme, ehrlich gesagt
Nur die Vorschau der Schriftkombinationen lädt Schriften von Google Fonts, und nur auf Ihren Wunsch. Der Code, den Sie mitnehmen, hostet sie selbst.
Keine Werbung, kein Tracking
Keine Cookies, die Sie verfolgen, keine Anzeigen. Kleurstaal ist ein kostenloses Tool von nealvdv.
Teil von Handig
Mehr kostenlose Werkzeuge
Kleurstaal gehört zu Handig: kostenlose Tools für alltägliche Dateiaufgaben, alle im Browser und ohne Konto.
Maßgeschneidert
Ein eigenes Erscheinungsbild auf Ihrer Website?
nealvdv baut Websites und Verwaltungen für Betriebe und Vereine, mit Farben, die gut lesbar sind, und Werkzeugen wie diesem, wo sie helfen.
Zu nealvdv.be (öffnet in einem neuen Tab)