Manon

Palette mit 6 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Manon

Palette mit 6 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 6 Farben Kühl Gemischt Komplementär pink blue cute neon

Likes 18

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #FF0080;
  --c-vibrant-2: #FFFFFF;
  --c-vibrant-3: #88FDF6;
  --c-vibrant-4: #0A7CFF;
  --c-vibrant-5: #000080;
  --c-vibrant-6: #000000;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Neon Rose, White, Defence Matrix, Hadfield Blue, Navy Blue und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #000000 mit 21:1.

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

Farben im Detail

Neon Rose #FF0080

RGB: rgb(255, 0, 128)
HSL: hsl(330, 100%, 50%)
Luminanz: 0,228

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Defence Matrix #88FDF6

RGB: rgb(136, 253, 246)
HSL: hsl(176, 97%, 76%)
Luminanz: 0,821

Hadfield Blue #0A7CFF

RGB: rgb(10, 124, 255)
HSL: hsl(212, 100%, 52%)
Luminanz: 0,217

Navy Blue #000080

RGB: rgb(0, 0, 128)
HSL: hsl(240, 100%, 25%)
Luminanz: 0,016

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #000000 21,00:1 AAA

Aa #88FDF6 auf #000000 17,43:1 AAA

Aa #FFFFFF auf #000080 16,01:1 AAA

Aa #88FDF6 auf #000080 13,29:1 AAA

Aa #FF0080 auf #000000 5,56:1 AA

Aa #0A7CFF auf #000000 5,34:1 AA

Aa #FF0080 auf #000080 4,24:1 AA (großer Text)

Aa #0A7CFF auf #000080 4,07:1 AA (großer Text)

Aa #FFFFFF auf #0A7CFF 3,93:1 AA (großer Text)

Aa #FF0080 auf #FFFFFF 3,77:1 AA (großer Text)

Aa #88FDF6 auf #0A7CFF 3,26:1 AA (großer Text)

Aa #FF0080 auf #88FDF6 3,13:1 AA (großer Text)

Aa #000080 auf #000000 1,31:1 Nicht bestanden

Aa #FFFFFF auf #88FDF6 1,20:1 Nicht bestanden

Aa #FF0080 auf #0A7CFF 1,04:1 Nicht bestanden

Manon

Manon

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen