Startseite Farbpaletten Palette „Viridis“ mit 4 Farben

Palette „Viridis“ mit 4 Farben

Palette mit 4 Farben · Kühl · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

Palette „Viridis“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Kühl Dunkel Analog

Likes 9.102

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #0F0F0F;
  --c-muted-2: #232D3F;
  --c-muted-3: #005B41;
  --c-muted-4: #008170;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Viridis (#008170) bis zum dunkelsten Ton Chaos Black (#0F0F0F). Sie vereint Chaos Black, Imperial Primer, Sacramento State Green und Viridis in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Chaos Black #0F0F0F

RGB: rgb(15, 15, 15)
HSL: hsl(0, 0%, 6%)
Luminanz: 0,005

Imperial Primer #232D3F

RGB: rgb(35, 45, 63)
HSL: hsl(219, 29%, 19%)
Luminanz: 0,026

Sacramento State Green #005B41

RGB: rgb(0, 91, 65)
HSL: hsl(163, 100%, 18%)
Luminanz: 0,079

Viridis #008170

RGB: rgb(0, 129, 112)
HSL: hsl(172, 100%, 25%)
Luminanz: 0,169

Kontrast & Barrierefreiheit

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

Aa #0F0F0F auf #008170 3,99:1 AA (großer Text)

Aa #232D3F auf #008170 2,88:1 Nicht bestanden

Aa #0F0F0F auf #005B41 2,35:1 Nicht bestanden

Aa #005B41 auf #008170 1,70:1 Nicht bestanden

Aa #232D3F auf #005B41 1,69:1 Nicht bestanden

Aa #0F0F0F auf #232D3F 1,39:1 Nicht bestanden

Palette „Viridis“ mit 4 Farben