Startseite Farbpaletten Whiteboardfox Palette (basic)

Whiteboardfox Palette (basic)

Palette mit 7 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Whiteboardfox Palette (basic)

Palette mit 7 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 7 Farben Neutral Gemischt Komplementär small palette 7colors whiteboardfox

Likes 12

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #AE8CE2;
  --c-vibrant-3: #2D5D9E;
  --c-vibrant-4: #43BEF2;
  --c-vibrant-5: #99B213;
  --c-vibrant-6: #E5B42E;
  --c-vibrant-7: #C00F68;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Nanohanacha Gold (#E5B42E) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Dreamy Candy Forest, Neptune Blue, Clean Pool, Sickly Green, Nanohanacha Gold und Spiced Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #E5B42E mit 10,9: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

Dreamy Candy Forest #AE8CE2

RGB: rgb(174, 140, 226)
HSL: hsl(264, 60%, 72%)
Luminanz: 0,333

Neptune Blue #2D5D9E

RGB: rgb(45, 93, 158)
HSL: hsl(215, 56%, 40%)
Luminanz: 0,109

Clean Pool #43BEF2

RGB: rgb(67, 190, 242)
HSL: hsl(198, 87%, 61%)
Luminanz: 0,444

Sickly Green #99B213

RGB: rgb(153, 178, 19)
HSL: hsl(69, 81%, 39%)
Luminanz: 0,387

Nanohanacha Gold #E5B42E

RGB: rgb(229, 180, 46)
HSL: hsl(44, 78%, 54%)
Luminanz: 0,495

Spiced Purple #C00F68

RGB: rgb(192, 15, 104)
HSL: hsl(330, 86%, 41%)
Luminanz: 0,126

Kontrast & Barrierefreiheit

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

Aa #000000 auf #E5B42E 10,90:1 AAA

Aa #000000 auf #43BEF2 9,89:1 AAA

Aa #000000 auf #99B213 8,73:1 AAA

Aa #000000 auf #AE8CE2 7,65:1 AAA

Aa #000000 auf #C00F68 3,51:1 AA (großer Text)

Aa #2D5D9E auf #E5B42E 3,44:1 AA (großer Text)

Aa #000000 auf #2D5D9E 3,17:1 AA (großer Text)

Aa #2D5D9E auf #43BEF2 3,12:1 AA (großer Text)

Aa #E5B42E auf #C00F68 3,11:1 AA (großer Text)

Aa #43BEF2 auf #C00F68 2,82:1 Nicht bestanden

Aa #2D5D9E auf #99B213 2,75:1 Nicht bestanden

Aa #99B213 auf #C00F68 2,49:1 Nicht bestanden

Aa #AE8CE2 auf #2D5D9E 2,41:1 Nicht bestanden

Aa #AE8CE2 auf #C00F68 2,18:1 Nicht bestanden

Aa #AE8CE2 auf #E5B42E 1,42:1 Nicht bestanden

Aa #AE8CE2 auf #43BEF2 1,29:1 Nicht bestanden

Aa #99B213 auf #E5B42E 1,25:1 Nicht bestanden

Aa #AE8CE2 auf #99B213 1,14:1 Nicht bestanden

Aa #43BEF2 auf #99B213 1,13:1 Nicht bestanden

Aa #2D5D9E auf #C00F68 1,11:1 Nicht bestanden

Aa #43BEF2 auf #E5B42E 1,10:1 Nicht bestanden

Whiteboardfox Palette (basic)