Spoozy

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Spoozy

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 6 Farben Warm Gemischt Analog halloween

Likes 30

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #FFFEF6;
  --c-vibrant-2: #FFC118;
  --c-vibrant-3: #FF8B18;
  --c-vibrant-4: #653611;
  --c-vibrant-5: #261305;
  --c-vibrant-6: #160C09;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Milk (#FFFEF6) bis zum dunkelsten Ton Balsamico (#160C09). Sie vereint Milk, Happy Yipee, Laddu Orange, Meatloaf, Severely Burnt Toast und Balsamico in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFEF6 auf #160C09 mit 19,03:1.

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

Farben im Detail

Milk #FFFEF6

RGB: rgb(255, 254, 246)
HSL: hsl(53, 100%, 98%)
Luminanz: 0,988

Happy Yipee #FFC118

RGB: rgb(255, 193, 24)
HSL: hsl(44, 100%, 55%)
Luminanz: 0,595

Laddu Orange #FF8B18

RGB: rgb(255, 139, 24)
HSL: hsl(30, 100%, 55%)
Luminanz: 0,398

Meatloaf #653611

RGB: rgb(101, 54, 17)
HSL: hsl(26, 71%, 23%)
Luminanz: 0,055

Severely Burnt Toast #261305

RGB: rgb(38, 19, 5)
HSL: hsl(25, 77%, 8%)
Luminanz: 0,009

Balsamico #160C09

RGB: rgb(22, 12, 9)
HSL: hsl(14, 42%, 6%)
Luminanz: 0,005

Kontrast & Barrierefreiheit

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

Aa #FFFEF6 auf #160C09 19,03:1 AAA

Aa #FFFEF6 auf #261305 17,63:1 AAA

Aa #FFC118 auf #160C09 11,82:1 AAA

Aa #FFC118 auf #261305 10,95:1 AAA

Aa #FFFEF6 auf #653611 9,94:1 AAA

Aa #FF8B18 auf #160C09 8,21:1 AAA

Aa #FF8B18 auf #261305 7,61:1 AAA

Aa #FFC118 auf #653611 6,17:1 AA

Aa #FF8B18 auf #653611 4,29:1 AA (großer Text)

Aa #FFFEF6 auf #FF8B18 2,32:1 Nicht bestanden

Aa #653611 auf #160C09 1,92:1 Nicht bestanden

Aa #653611 auf #261305 1,77:1 Nicht bestanden

Aa #FFFEF6 auf #FFC118 1,61:1 Nicht bestanden

Aa #FFC118 auf #FF8B18 1,44:1 Nicht bestanden

Aa #261305 auf #160C09 1,08:1 Nicht bestanden

Spoozy

Spoozy

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen