GreekFire7

Palette mit 7 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

GreekFire7

Palette mit 7 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 7 Farben Kühl Gemischt Komplementär green 7 colors

Likes 26

Farben 7

CSS-Variablen

:root {
  --c-muted-1: #1B1B1B;
  --c-muted-2: #432F43;
  --c-muted-3: #5853AF;
  --c-muted-4: #4DB0B7;
  --c-muted-5: #7EF780;
  --c-muted-6: #F7FF1D;
  --c-muted-7: #FFFFFF;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Eerie Black (#1B1B1B). Sie vereint Eerie Black, Voodoo, Brandywine Raspberry, Crystalsong Blue, Flora, Pressed Laser Lemon und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1B1B1B auf #FFFFFF mit 17,22:1.

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

Farben im Detail

Eerie Black #1B1B1B

RGB: rgb(27, 27, 27)
HSL: hsl(0, 0%, 11%)
Luminanz: 0,011

Voodoo #432F43

RGB: rgb(67, 47, 67)
HSL: hsl(300, 18%, 22%)
Luminanz: 0,036

Brandywine Raspberry #5853AF

RGB: rgb(88, 83, 175)
HSL: hsl(243, 37%, 51%)
Luminanz: 0,114

Crystalsong Blue #4DB0B7

RGB: rgb(77, 176, 183)
HSL: hsl(184, 42%, 51%)
Luminanz: 0,361

Flora #7EF780

RGB: rgb(126, 247, 128)
HSL: hsl(121, 88%, 73%)
Luminanz: 0,725

Pressed Laser Lemon #F7FF1D

RGB: rgb(247, 255, 29)
HSL: hsl(62, 100%, 56%)
Luminanz: 0,914

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Kontrast & Barrierefreiheit

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

Aa #1B1B1B auf #FFFFFF 17,22:1 AAA

Aa #1B1B1B auf #F7FF1D 15,81:1 AAA

Aa #1B1B1B auf #7EF780 12,72:1 AAA

Aa #432F43 auf #FFFFFF 12,16:1 AAA

Aa #432F43 auf #F7FF1D 11,17:1 AAA

Aa #432F43 auf #7EF780 8,98:1 AAA

Aa #1B1B1B auf #4DB0B7 6,73:1 AA

Aa #5853AF auf #FFFFFF 6,42:1 AA

Aa #5853AF auf #F7FF1D 5,89:1 AA

Aa #432F43 auf #4DB0B7 4,76:1 AA

Aa #5853AF auf #7EF780 4,74:1 AA

Aa #1B1B1B auf #5853AF 2,68:1 Nicht bestanden

Aa #4DB0B7 auf #FFFFFF 2,56:1 Nicht bestanden

Aa #5853AF auf #4DB0B7 2,51:1 Nicht bestanden

Aa #4DB0B7 auf #F7FF1D 2,35:1 Nicht bestanden

Aa #432F43 auf #5853AF 1,89:1 Nicht bestanden

Aa #4DB0B7 auf #7EF780 1,89:1 Nicht bestanden

Aa #1B1B1B auf #432F43 1,42:1 Nicht bestanden

Aa #7EF780 auf #FFFFFF 1,35:1 Nicht bestanden

Aa #7EF780 auf #F7FF1D 1,24:1 Nicht bestanden

Aa #F7FF1D auf #FFFFFF 1,09:1 Nicht bestanden

GreekFire7

GreekFire7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen