Superb 8

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Superb 8

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär artist bigpotato

Likes 34

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #F6FAFF;
  --c-vibrant-2: #EEEA18;
  --c-vibrant-3: #EDC495;
  --c-vibrant-4: #3D9C09;
  --c-vibrant-5: #0891CD;
  --c-vibrant-6: #776B7D;
  --c-vibrant-7: #E62800;
  --c-vibrant-8: #000800;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Heart of Ice (#F6FAFF) bis zum dunkelsten Ton Wet Crow’s Wing (#000800). Sie vereint Heart of Ice, Robot Grendizer Gold, Humble Gold, Grass Is Greener, Rich Electric Blue, Mamba, Tomato Red und Wet Crow’s Wing in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F6FAFF auf #000800 mit 19,36:1.

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

Farben im Detail

Heart of Ice #F6FAFF

RGB: rgb(246, 250, 255)
HSL: hsl(213, 100%, 98%)
Luminanz: 0,952

Robot Grendizer Gold #EEEA18

RGB: rgb(238, 234, 24)
HSL: hsl(59, 86%, 51%)
Luminanz: 0,771

Humble Gold #EDC495

RGB: rgb(237, 196, 149)
HSL: hsl(32, 71%, 76%)
Luminanz: 0,597

Grass Is Greener #3D9C09

RGB: rgb(61, 156, 9)
HSL: hsl(99, 89%, 32%)
Luminanz: 0,248

Rich Electric Blue #0891CD

RGB: rgb(8, 145, 205)
HSL: hsl(198, 92%, 42%)
Luminanz: 0,247

Mamba #776B7D

RGB: rgb(119, 107, 125)
HSL: hsl(280, 8%, 45%)
Luminanz: 0,159

Tomato Red #E62800

RGB: rgb(230, 40, 0)
HSL: hsl(10, 100%, 45%)
Luminanz: 0,183

Wet Crow’s Wing #000800

RGB: rgb(0, 8, 0)
HSL: hsl(120, 100%, 2%)
Luminanz: 0,002

Kontrast & Barrierefreiheit

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

Aa #F6FAFF auf #000800 19,36:1 AAA

Aa #EEEA18 auf #000800 15,87:1 AAA

Aa #EDC495 auf #000800 12,50:1 AAA

Aa #3D9C09 auf #000800 5,76:1 AA

Aa #0891CD auf #000800 5,74:1 AA

Aa #F6FAFF auf #776B7D 4,79:1 AA

Aa #E62800 auf #000800 4,51:1 AA

Aa #F6FAFF auf #E62800 4,29:1 AA (großer Text)

Aa #776B7D auf #000800 4,04:1 AA (großer Text)

Aa #EEEA18 auf #776B7D 3,92:1 AA (großer Text)

Aa #EEEA18 auf #E62800 3,52:1 AA (großer Text)

Aa #F6FAFF auf #0891CD 3,37:1 AA (großer Text)

Aa #F6FAFF auf #3D9C09 3,36:1 AA (großer Text)

Aa #EDC495 auf #776B7D 3,09:1 AA (großer Text)

Aa #EDC495 auf #E62800 2,77:1 Nicht bestanden

Aa #EEEA18 auf #3D9C09 2,76:1 Nicht bestanden

Aa #EEEA18 auf #0891CD 2,76:1 Nicht bestanden

Aa #EDC495 auf #0891CD 2,18:1 Nicht bestanden

Aa #EDC495 auf #3D9C09 2,17:1 Nicht bestanden

Aa #F6FAFF auf #EDC495 1,55:1 Nicht bestanden

Aa #3D9C09 auf #776B7D 1,42:1 Nicht bestanden

Aa #0891CD auf #776B7D 1,42:1 Nicht bestanden

Aa #3D9C09 auf #E62800 1,28:1 Nicht bestanden

Aa #EEEA18 auf #EDC495 1,27:1 Nicht bestanden

Aa #0891CD auf #E62800 1,27:1 Nicht bestanden

Aa #F6FAFF auf #EEEA18 1,22:1 Nicht bestanden

Aa #776B7D auf #E62800 1,12:1 Nicht bestanden

Aa #3D9C09 auf #0891CD 1,00:1 Nicht bestanden

Superb 8

Superb 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen