Unicorn 6

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

Zurück zur Bibliothek

Unicorn 6

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

Bearbeiten

Lebendig 6 Farben Warm Gemischt Analog monoramp saturated bright

Likes 175

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #460198;
  --c-vibrant-2: #6A1794;
  --c-vibrant-3: #9E20B8;
  --c-vibrant-4: #C03B94;
  --c-vibrant-5: #FF88A9;
  --c-vibrant-6: #FFE0DC;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Dawn Patrol (#FFE0DC) bis zum dunkelsten Ton Space Battle Blue (#460198). Sie vereint Space Battle Blue, Extraviolet, Pink Spyro, Boat Orchid, Strawberry Dreams und Dawn Patrol in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #460198 auf #FFE0DC mit 9,86:1.

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

Farben im Detail

Space Battle Blue #460198

RGB: rgb(70, 1, 152)
HSL: hsl(267, 99%, 30%)
Luminanz: 0,036

Extraviolet #6A1794

RGB: rgb(106, 23, 148)
HSL: hsl(280, 73%, 34%)
Luminanz: 0,058

Pink Spyro #9E20B8

RGB: rgb(158, 32, 184)
HSL: hsl(290, 70%, 42%)
Luminanz: 0,118

Boat Orchid #C03B94

RGB: rgb(192, 59, 148)
HSL: hsl(320, 53%, 49%)
Luminanz: 0,165

Strawberry Dreams #FF88A9

RGB: rgb(255, 136, 169)
HSL: hsl(343, 100%, 77%)
Luminanz: 0,417

Dawn Patrol #FFE0DC

RGB: rgb(255, 224, 220)
HSL: hsl(7, 100%, 93%)
Luminanz: 0,797

Kontrast & Barrierefreiheit

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

Aa #460198 auf #FFE0DC 9,86:1 AAA

Aa #6A1794 auf #FFE0DC 7,84:1 AAA

Aa #460198 auf #FF88A9 5,44:1 AA

Aa #9E20B8 auf #FFE0DC 5,06:1 AA

Aa #6A1794 auf #FF88A9 4,32:1 AA (großer Text)

Aa #C03B94 auf #FFE0DC 3,95:1 AA (großer Text)

Aa #9E20B8 auf #FF88A9 2,79:1 Nicht bestanden

Aa #460198 auf #C03B94 2,50:1 Nicht bestanden

Aa #C03B94 auf #FF88A9 2,18:1 Nicht bestanden

Aa #6A1794 auf #C03B94 1,99:1 Nicht bestanden

Aa #460198 auf #9E20B8 1,95:1 Nicht bestanden

Aa #FF88A9 auf #FFE0DC 1,81:1 Nicht bestanden

Aa #6A1794 auf #9E20B8 1,55:1 Nicht bestanden

Aa #9E20B8 auf #C03B94 1,28:1 Nicht bestanden

Aa #460198 auf #6A1794 1,26:1 Nicht bestanden

Unicorn 6

Unicorn 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen