Photo•corp

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Photo•corp

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Analog pink purple polyphrog gb

Likes 63

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F8F3FF;
  --c-muted-2: #B67780;
  --c-muted-3: #423568;
  --c-muted-4: #0F0F0C;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Sugar Crystal (#F8F3FF) bis zum dunkelsten Ton Black Sheep (#0F0F0C). Sie vereint Sugar Crystal, Precious Garnet, Minsk und Black Sheep in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F8F3FF auf #0F0F0C mit 17,6:1.

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

Farben im Detail

Sugar Crystal #F8F3FF

RGB: rgb(248, 243, 255)
HSL: hsl(265, 100%, 98%)
Luminanz: 0,913

Precious Garnet #B67780

RGB: rgb(182, 119, 128)
HSL: hsl(351, 30%, 59%)
Luminanz: 0,247

Minsk #423568

RGB: rgb(66, 53, 104)
HSL: hsl(255, 32%, 31%)
Luminanz: 0,047

Black Sheep #0F0F0C

RGB: rgb(15, 15, 12)
HSL: hsl(60, 11%, 5%)
Luminanz: 0,005

Kontrast & Barrierefreiheit

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

Aa #F8F3FF auf #0F0F0C 17,60:1 AAA

Aa #F8F3FF auf #423568 9,92:1 AAA

Aa #B67780 auf #0F0F0C 5,43:1 AA

Aa #F8F3FF auf #B67780 3,24:1 AA (großer Text)

Aa #B67780 auf #423568 3,06:1 AA (großer Text)

Aa #423568 auf #0F0F0C 1,77:1 Nicht bestanden

Photo•corp

Photo•corp

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen