Kontrast von Text und Hintergrund — rot-violett #A51B48 und hellgrün Farben #B3F265

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.

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.

Ähnliche Sätze 🧁

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