FR0LIC

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

Zurück zur Bibliothek

FR0LIC

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

Bearbeiten

Lebendig 7 Farben Warm Gemischt Komplementär undeady

Likes 9

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #FFFFFF;
  --c-vibrant-2: #D8F04A;
  --c-vibrant-3: #FA4141;
  --c-vibrant-4: #279165;
  --c-vibrant-5: #2A4578;
  --c-vibrant-6: #6D183A;
  --c-vibrant-7: #260000;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Ponzu Brown (#260000). Sie vereint White, First Colours of Spring, Red Coral, Viridian, Sodalite Blue, Her Fierceness und Ponzu Brown in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #260000 mit 19,4: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

First Colours of Spring #D8F04A

RGB: rgb(216, 240, 74)
HSL: hsl(69, 85%, 62%)
Luminanz: 0,774

Red Coral #FA4141

RGB: rgb(250, 65, 65)
HSL: hsl(0, 95%, 62%)
Luminanz: 0,245

Viridian #279165

RGB: rgb(39, 145, 101)
HSL: hsl(155, 58%, 36%)
Luminanz: 0,216

Sodalite Blue #2A4578

RGB: rgb(42, 69, 120)
HSL: hsl(219, 48%, 32%)
Luminanz: 0,061

Her Fierceness #6D183A

RGB: rgb(109, 24, 58)
HSL: hsl(336, 64%, 26%)
Luminanz: 0,042

Ponzu Brown #260000

RGB: rgb(38, 0, 0)
HSL: hsl(0, 100%, 7%)
Luminanz: 0,004

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #260000 19,40:1 AAA

Aa #D8F04A auf #260000 15,23:1 AAA

Aa #FFFFFF auf #6D183A 11,40:1 AAA

Aa #FFFFFF auf #2A4578 9,46:1 AAA

Aa #D8F04A auf #6D183A 8,95:1 AAA

Aa #D8F04A auf #2A4578 7,42:1 AAA

Aa #FA4141 auf #260000 5,45:1 AA

Aa #279165 auf #260000 4,92:1 AA

Aa #FFFFFF auf #279165 3,94:1 AA (großer Text)

Aa #FFFFFF auf #FA4141 3,56:1 AA (großer Text)

Aa #FA4141 auf #6D183A 3,20:1 AA (großer Text)

Aa #D8F04A auf #279165 3,10:1 AA (großer Text)

Aa #279165 auf #6D183A 2,89:1 Nicht bestanden

Aa #D8F04A auf #FA4141 2,79:1 Nicht bestanden

Aa #FA4141 auf #2A4578 2,66:1 Nicht bestanden

Aa #279165 auf #2A4578 2,40:1 Nicht bestanden

Aa #2A4578 auf #260000 2,05:1 Nicht bestanden

Aa #6D183A auf #260000 1,70:1 Nicht bestanden

Aa #FFFFFF auf #D8F04A 1,27:1 Nicht bestanden

Aa #2A4578 auf #6D183A 1,21:1 Nicht bestanden

Aa #FA4141 auf #279165 1,11:1 Nicht bestanden

FR0LIC

FR0LIC

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen