S1 6

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

Zurück zur Bibliothek

S1 6

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

Bearbeiten

Lebendig 6 Farben Kühl Gemischt Analog azul frio nocturno

Likes 17

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #FFFFFF;
  --c-vibrant-2: #37FFFF;
  --c-vibrant-3: #00A9E4;
  --c-vibrant-4: #5916FF;
  --c-vibrant-5: #000AEC;
  --c-vibrant-6: #2E00A1;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Violet Hickey (#2E00A1). Sie vereint White, Beaming Blue, Blue Fire, Han Purple, Midsummer Nights und Violet Hickey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #2E00A1 mit 12,88: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

Beaming Blue #37FFFF

RGB: rgb(55, 255, 255)
HSL: hsl(180, 100%, 61%)
Luminanz: 0,796

Blue Fire #00A9E4

RGB: rgb(0, 169, 228)
HSL: hsl(196, 100%, 45%)
Luminanz: 0,340

Han Purple #5916FF

RGB: rgb(89, 22, 255)
HSL: hsl(257, 100%, 54%)
Luminanz: 0,099

Midsummer Nights #000AEC

RGB: rgb(0, 10, 236)
HSL: hsl(237, 100%, 46%)
Luminanz: 0,063

Violet Hickey #2E00A1

RGB: rgb(46, 0, 161)
HSL: hsl(257, 100%, 32%)
Luminanz: 0,032

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #2E00A1 12,88:1 AAA

Aa #37FFFF auf #2E00A1 10,37:1 AAA

Aa #FFFFFF auf #000AEC 9,31:1 AAA

Aa #37FFFF auf #000AEC 7,50:1 AAA

Aa #FFFFFF auf #5916FF 7,04:1 AAA

Aa #37FFFF auf #5916FF 5,67:1 AA

Aa #00A9E4 auf #2E00A1 4,78:1 AA

Aa #00A9E4 auf #000AEC 3,46:1 AA (großer Text)

Aa #FFFFFF auf #00A9E4 2,69:1 Nicht bestanden

Aa #00A9E4 auf #5916FF 2,61:1 Nicht bestanden

Aa #37FFFF auf #00A9E4 2,17:1 Nicht bestanden

Aa #5916FF auf #2E00A1 1,83:1 Nicht bestanden

Aa #000AEC auf #2E00A1 1,38:1 Nicht bestanden

Aa #5916FF auf #000AEC 1,32:1 Nicht bestanden

Aa #FFFFFF auf #37FFFF 1,24:1 Nicht bestanden

S1 6

S1 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen