Startseite Farbpaletten Cold Wintry Night

Cold Wintry Night

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

Zurück zur Bibliothek

Cold Wintry Night

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

Bearbeiten

Lebendig 9 Farben Warm Gemischt Komplementär

Likes 18

Farben 9

CSS-Variablen

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #579DFF;
  --c-vibrant-3: #BAF1FF;
  --c-vibrant-4: #7F449E;
  --c-vibrant-5: #662D3D;
  --c-vibrant-6: #368C6B;
  --c-vibrant-7: #FF6047;
  --c-vibrant-8: #FFC042;
  --c-vibrant-9: #FFFFFF;
}

Über diese Palette

Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Blue Chaos, Northrend, Purple Pleasures, Power Tie, Mythical Forest, Bruschetta Tomato, Orange Pop und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF mit 21:1.

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

Farben im Detail

Black #000000

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

Blue Chaos #579DFF

RGB: rgb(87, 157, 255)
HSL: hsl(215, 100%, 67%)
Luminanz: 0,334

Northrend #BAF1FF

RGB: rgb(186, 241, 255)
HSL: hsl(192, 100%, 86%)
Luminanz: 0,806

Purple Pleasures #7F449E

RGB: rgb(127, 68, 158)
HSL: hsl(279, 40%, 44%)
Luminanz: 0,111

Power Tie #662D3D

RGB: rgb(102, 45, 61)
HSL: hsl(343, 39%, 29%)
Luminanz: 0,050

Mythical Forest #368C6B

RGB: rgb(54, 140, 107)
HSL: hsl(157, 44%, 38%)
Luminanz: 0,206

Bruschetta Tomato #FF6047

RGB: rgb(255, 96, 71)
HSL: hsl(8, 100%, 64%)
Luminanz: 0,301

Orange Pop #FFC042

RGB: rgb(255, 192, 66)
HSL: hsl(40, 100%, 63%)
Luminanz: 0,594

White #FFFFFF

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

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFFFFF 21,00:1 AAA

Aa #000000 auf #BAF1FF 17,11:1 AAA

Aa #000000 auf #FFC042 12,87:1 AAA

Aa #662D3D auf #FFFFFF 10,46:1 AAA

Aa #BAF1FF auf #662D3D 8,52:1 AAA

Aa #000000 auf #579DFF 7,67:1 AAA

Aa #000000 auf #FF6047 7,02:1 AAA

Aa #7F449E auf #FFFFFF 6,52:1 AA

Aa #662D3D auf #FFC042 6,41:1 AA

Aa #BAF1FF auf #7F449E 5,31:1 AA

Aa #000000 auf #368C6B 5,12:1 AA

Aa #368C6B auf #FFFFFF 4,10:1 AA (großer Text)

Aa #7F449E auf #FFC042 3,99:1 AA (großer Text)

Aa #579DFF auf #662D3D 3,82:1 AA (großer Text)

Aa #662D3D auf #FF6047 3,49:1 AA (großer Text)

Aa #BAF1FF auf #368C6B 3,34:1 AA (großer Text)

Aa #000000 auf #7F449E 3,22:1 AA (großer Text)

Aa #FF6047 auf #FFFFFF 2,99:1 Nicht bestanden

Aa #579DFF auf #FFFFFF 2,74:1 Nicht bestanden

Aa #662D3D auf #368C6B 2,55:1 Nicht bestanden

Aa #368C6B auf #FFC042 2,51:1 Nicht bestanden

Aa #BAF1FF auf #FF6047 2,44:1 Nicht bestanden

Aa #579DFF auf #7F449E 2,38:1 Nicht bestanden

Aa #579DFF auf #BAF1FF 2,23:1 Nicht bestanden

Aa #7F449E auf #FF6047 2,18:1 Nicht bestanden

Aa #000000 auf #662D3D 2,01:1 Nicht bestanden

Aa #FF6047 auf #FFC042 1,83:1 Nicht bestanden

Aa #579DFF auf #FFC042 1,68:1 Nicht bestanden

Aa #FFC042 auf #FFFFFF 1,63:1 Nicht bestanden

Aa #7F449E auf #662D3D 1,61:1 Nicht bestanden

Aa #7F449E auf #368C6B 1,59:1 Nicht bestanden

Aa #579DFF auf #368C6B 1,50:1 Nicht bestanden

Aa #368C6B auf #FF6047 1,37:1 Nicht bestanden

Aa #BAF1FF auf #FFC042 1,33:1 Nicht bestanden

Aa #BAF1FF auf #FFFFFF 1,23:1 Nicht bestanden

Aa #579DFF auf #FF6047 1,09:1 Nicht bestanden

Cold Wintry Night