Purblu 8

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Purblu 8

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 8 Farben Kühl Gemischt Analog

Likes 8

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #FFFFFF;
  --c-vibrant-2: #3B93E5;
  --c-vibrant-3: #1F4CAC;
  --c-vibrant-4: #0C1887;
  --c-vibrant-5: #08091F;
  --c-vibrant-6: #C370F3;
  --c-vibrant-7: #8A38C7;
  --c-vibrant-8: #4F1FA1;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Tristesse (#08091F). Sie vereint White, Oregon Blue, The Blues Brothers, Galactic Cruise, Tristesse, Illicit Purple, Dreamscape Purple und Eine Kleine Nachtmusik in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #08091F mit 19,64:1.

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

Farben im Detail

White #FFFFFF

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

Oregon Blue #3B93E5

RGB: rgb(59, 147, 229)
HSL: hsl(209, 77%, 56%)
Luminanz: 0,275

The Blues Brothers #1F4CAC

RGB: rgb(31, 76, 172)
HSL: hsl(221, 69%, 40%)
Luminanz: 0,084

Galactic Cruise #0C1887

RGB: rgb(12, 24, 135)
HSL: hsl(234, 84%, 29%)
Luminanz: 0,025

Tristesse #08091F

RGB: rgb(8, 9, 31)
HSL: hsl(237, 59%, 8%)
Luminanz: 0,004

Illicit Purple #C370F3

RGB: rgb(195, 112, 243)
HSL: hsl(278, 85%, 70%)
Luminanz: 0,297

Dreamscape Purple #8A38C7

RGB: rgb(138, 56, 199)
HSL: hsl(274, 56%, 50%)
Luminanz: 0,124

Eine Kleine Nachtmusik #4F1FA1

RGB: rgb(79, 31, 161)
HSL: hsl(262, 68%, 38%)
Luminanz: 0,052

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #08091F 19,64:1 AAA

Aa #FFFFFF auf #0C1887 14,04:1 AAA

Aa #FFFFFF auf #4F1FA1 10,28:1 AAA

Aa #FFFFFF auf #1F4CAC 7,81:1 AAA

Aa #08091F auf #C370F3 6,48:1 AA

Aa #3B93E5 auf #08091F 6,07:1 AA

Aa #FFFFFF auf #8A38C7 6,05:1 AA

Aa #0C1887 auf #C370F3 4,63:1 AA

Aa #3B93E5 auf #0C1887 4,34:1 AA (großer Text)

Aa #C370F3 auf #4F1FA1 3,39:1 AA (großer Text)

Aa #08091F auf #8A38C7 3,25:1 AA (großer Text)

Aa #FFFFFF auf #3B93E5 3,24:1 AA (großer Text)

Aa #3B93E5 auf #4F1FA1 3,18:1 AA (großer Text)

Aa #FFFFFF auf #C370F3 3,03:1 AA (großer Text)

Aa #1F4CAC auf #C370F3 2,58:1 Nicht bestanden

Aa #1F4CAC auf #08091F 2,51:1 Nicht bestanden

Aa #3B93E5 auf #1F4CAC 2,41:1 Nicht bestanden

Aa #0C1887 auf #8A38C7 2,32:1 Nicht bestanden

Aa #C370F3 auf #8A38C7 2,00:1 Nicht bestanden

Aa #08091F auf #4F1FA1 1,91:1 Nicht bestanden

Aa #3B93E5 auf #8A38C7 1,87:1 Nicht bestanden

Aa #1F4CAC auf #0C1887 1,80:1 Nicht bestanden

Aa #8A38C7 auf #4F1FA1 1,70:1 Nicht bestanden

Aa #0C1887 auf #08091F 1,40:1 Nicht bestanden

Aa #0C1887 auf #4F1FA1 1,37:1 Nicht bestanden

Aa #1F4CAC auf #4F1FA1 1,32:1 Nicht bestanden

Aa #1F4CAC auf #8A38C7 1,29:1 Nicht bestanden

Aa #3B93E5 auf #C370F3 1,07:1 Nicht bestanden

Purblu 8

Purblu 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen