RainBOOM! 7

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

Zurück zur Bibliothek

RainBOOM! 7

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

Bearbeiten

Lebendig 7 Farben Warm Gemischt Komplementär green vibrant red blue

Likes 38

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #FF0077;
  --c-vibrant-2: #FFF955;
  --c-vibrant-3: #44C183;
  --c-vibrant-4: #176DE6;
  --c-vibrant-5: #B752CB;
  --c-vibrant-6: #FF4CF0;
  --c-vibrant-7: #1A1A1A;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Flowey Yellow (#FFF955) bis zum dunkelsten Ton Eerie Black (#1A1A1A). Sie vereint Guns N’ Roses, Flowey Yellow, Aragon Green, Níu Zǎi Sè Denim, Love Priestess, Actinic Light und Eerie Black 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 #FFF955 auf #1A1A1A mit 15,69:1.

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

Farben im Detail

Guns N’ Roses #FF0077

RGB: rgb(255, 0, 119)
HSL: hsl(332, 100%, 50%)
Luminanz: 0,226

Flowey Yellow #FFF955

RGB: rgb(255, 249, 85)
HSL: hsl(58, 100%, 67%)
Luminanz: 0,897

Aragon Green #44C183

RGB: rgb(68, 193, 131)
HSL: hsl(150, 50%, 51%)
Luminanz: 0,410

Níu Zǎi Sè Denim #176DE6

RGB: rgb(23, 109, 230)
HSL: hsl(215, 82%, 50%)
Luminanz: 0,168

Love Priestess #B752CB

RGB: rgb(183, 82, 203)
HSL: hsl(290, 54%, 56%)
Luminanz: 0,204

Actinic Light #FF4CF0

RGB: rgb(255, 76, 240)
HSL: hsl(305, 100%, 65%)
Luminanz: 0,327

Eerie Black #1A1A1A

RGB: rgb(26, 26, 26)
HSL: hsl(0, 0%, 10%)
Luminanz: 0,010

Kontrast & Barrierefreiheit

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

Aa #FFF955 auf #1A1A1A 15,69:1 AAA

Aa #44C183 auf #1A1A1A 7,63:1 AAA

Aa #FF4CF0 auf #1A1A1A 6,25:1 AA

Aa #FF0077 auf #1A1A1A 4,57:1 AA

Aa #FFF955 auf #176DE6 4,34:1 AA (großer Text)

Aa #B752CB auf #1A1A1A 4,21:1 AA (großer Text)

Aa #FFF955 auf #B752CB 3,73:1 AA (großer Text)

Aa #176DE6 auf #1A1A1A 3,62:1 AA (großer Text)

Aa #FF0077 auf #FFF955 3,43:1 AA (großer Text)

Aa #FFF955 auf #FF4CF0 2,51:1 Nicht bestanden

Aa #44C183 auf #176DE6 2,11:1 Nicht bestanden

Aa #FFF955 auf #44C183 2,06:1 Nicht bestanden

Aa #44C183 auf #B752CB 1,81:1 Nicht bestanden

Aa #176DE6 auf #FF4CF0 1,73:1 Nicht bestanden

Aa #FF0077 auf #44C183 1,67:1 Nicht bestanden

Aa #B752CB auf #FF4CF0 1,48:1 Nicht bestanden

Aa #FF0077 auf #FF4CF0 1,37:1 Nicht bestanden

Aa #FF0077 auf #176DE6 1,26:1 Nicht bestanden

Aa #44C183 auf #FF4CF0 1,22:1 Nicht bestanden

Aa #176DE6 auf #B752CB 1,16:1 Nicht bestanden

Aa #FF0077 auf #B752CB 1,09:1 Nicht bestanden

RainBOOM! 7

RainBOOM! 7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen