Startseite Farbpaletten Palette „Fresh Squeezed“ mit 4 Farben

Palette „Fresh Squeezed“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Fresh Squeezed“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 5.068

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #7C00FE;
  --c-vibrant-2: #F9E400;
  --c-vibrant-3: #FFAF00;
  --c-vibrant-4: #F5004F;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Flatty Yellow (#F9E400) bis zum dunkelsten Ton Violent Violet (#7C00FE). Sie vereint Violent Violet, Flatty Yellow, Fresh Squeezed und Pink Red in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #7C00FE auf #F9E400 mit 4,9:1.

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

Farben im Detail

Violent Violet #7C00FE

RGB: rgb(124, 0, 254)
HSL: hsl(269, 100%, 50%)
Luminanz: 0,114

Flatty Yellow #F9E400

RGB: rgb(249, 228, 0)
HSL: hsl(55, 100%, 49%)
Luminanz: 0,756

Fresh Squeezed #FFAF00

RGB: rgb(255, 175, 0)
HSL: hsl(41, 100%, 50%)
Luminanz: 0,519

Pink Red #F5004F

RGB: rgb(245, 0, 79)
HSL: hsl(341, 100%, 48%)
Luminanz: 0,200

Kontrast & Barrierefreiheit

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

Aa #7C00FE auf #F9E400 4,90:1 AA

Aa #7C00FE auf #FFAF00 3,46:1 AA (großer Text)

Aa #F9E400 auf #F5004F 3,23:1 AA (großer Text)

Aa #FFAF00 auf #F5004F 2,28:1 Nicht bestanden

Aa #7C00FE auf #F5004F 1,52:1 Nicht bestanden

Aa #F9E400 auf #FFAF00 1,42:1 Nicht bestanden

Palette „Fresh Squeezed“ mit 4 Farben