Singularity

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Singularity

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Triadisch simple 4color singularity elegant

Likes 68

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #222323;
  --c-muted-2: #F0F6F0;
  --c-muted-3: #C93038;
  --c-muted-4: #7FA663;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Heavy Sugar (#F0F6F0) bis zum dunkelsten Ton Young Night (#222323). Sie vereint Young Night, Heavy Sugar, Madder Lake und Jealousy in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #222323 auf #F0F6F0 mit 14,37:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Young Night #222323

RGB: rgb(34, 35, 35)
HSL: hsl(180, 1%, 14%)
Luminanz: 0,017

Heavy Sugar #F0F6F0

RGB: rgb(240, 246, 240)
HSL: hsl(120, 25%, 95%)
Luminanz: 0,907

Madder Lake #C93038

RGB: rgb(201, 48, 56)
HSL: hsl(357, 61%, 49%)
Luminanz: 0,148

Jealousy #7FA663

RGB: rgb(127, 166, 99)
HSL: hsl(95, 27%, 52%)
Luminanz: 0,327

Kontrast & Barrierefreiheit

3 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #222323 auf #F0F6F0 14,37:1 AAA

Aa #222323 auf #7FA663 5,66:1 AA

Aa #F0F6F0 auf #C93038 4,83:1 AA

Aa #222323 auf #C93038 2,97:1 Nicht bestanden

Aa #F0F6F0 auf #7FA663 2,54:1 Nicht bestanden

Aa #C93038 auf #7FA663 1,90:1 Nicht bestanden

Singularity

Singularity

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen