Farbkontrastprüfung von Text- und Hintergrundfarben

Dies ist ein Pangramm

Vamp quäkt: Grüß Felix bzw. Jody schön!

  • Light
  • Regular
  • Medium
  • Bold
Az
{{contrast(textcolor,bgcolor)}}:1
Textfarbe ändern
Zufällige Farbe
Hintergrundfarbe ändern
Zufällige Farbe

Farbkontrast — {{contrast(textcolor,bgcolor)}}:1

Geeignet für den Titel!
Nicht für den Titel geeignet!
AA — 3.1:1
AAA — 4.5:1
Für die Beschreibung geeignet!
Nicht für die Beschreibung geeignet!
AA — 4.5:1
AAA — 7.1:1

Sie können über Kontraststandards in der Schnittstelle hier lesen — WCAG

{{textcolor}}


Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

{{bgcolor}}


Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Werkzeuge

Hallo,
schön, Sie zu sehen!

Passwort vergessen?

Geben Sie die E-Mail-Adresse ein, die Sie bei Ihrer Anmeldung verwendet haben, und wir senden Ihnen Anweisungen, um Ihr Passwort zurückzusetzen.

Erstellen
ein neues Konto

Falsches Passwort

Lernen Sie Mesh-Gradienten kennen

Wir haben für Sie einen Mesh-Gradienten-Generator und eine neue Mesh-Bibliothek hinzugefügt, die Sie mit Ihren eigenen Gradienten bereichern können. Jetzt können Sie schöne abstrakte Gradienten erstellen, sie herunterladen, ihre CSS-Codes kopieren, sie in Ihrem persönlichen Dashboard speichern und sie zur öffentlichen Bibliothek hinzufügen.

Bald werden wir einen radialen Gradienten-Generator hinzufügen!

Mesh-Verläufe