Kontrast von Text und Hintergrund — hellgrau #F3D0E6 und dunkelgrau Farben #1E3D7B

Kombination von Hintergrundfarbe und Text im Kontrast für eine gute Lesbarkeit des Textes.

Dies ist ein Pangramm

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

  • Light
  • Regular
  • Medium
  • Bold
Az
{{contrast}}:1

{{ textcolor }}

  • RGB {{ toRGB(textcolor) }}
  • CMYK {{ toCMYK(textcolor) }}
  • HSL {{ toHSL(textcolor) }}

{{ bgcolor }}

  • RGB {{ toRGB(bgcolor) }}
  • CMYK {{ toCMYK(bgcolor) }}
  • HSL {{ toHSL(bgcolor) }}

Farbkontrast — {{contrast}}: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

{{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.

Button
Button

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.

Button
Button

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.

Ähnliche Sätze 🧁

Hallo,
schön, Sie zu sehen!

google login
github white login github black login
yandex login

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

Haben Sie Ideen oder Vorschläge? 💡

Schreiben Sie uns und wir werden versuchen, sie umzusetzen oder Fehler zu korrigieren. Google Form

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