Startseite Farbpaletten 1Bit Rainbow Horror

1Bit Rainbow Horror

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

Zurück zur Bibliothek

1Bit Rainbow Horror

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär

Likes 42

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #FFFFFF;
  --c-vibrant-3: #E81C1C;
  --c-vibrant-4: #FA7D17;
  --c-vibrant-5: #FFF81F;
  --c-vibrant-6: #5BCF29;
  --c-vibrant-7: #215CFF;
  --c-vibrant-8: #C421FF;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, White, Lust, Consumed by Fire, Sunny Yellow, Download Progress, YInMn Blue und Flirtatious Flamingo in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 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

White #FFFFFF

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

Lust #E81C1C

RGB: rgb(232, 28, 28)
HSL: hsl(0, 82%, 51%)
Luminanz: 0,181

Consumed by Fire #FA7D17

RGB: rgb(250, 125, 23)
HSL: hsl(27, 96%, 54%)
Luminanz: 0,351

Sunny Yellow #FFF81F

RGB: rgb(255, 248, 31)
HSL: hsl(58, 100%, 56%)
Luminanz: 0,885

Download Progress #5BCF29

RGB: rgb(91, 207, 41)
HSL: hsl(102, 67%, 49%)
Luminanz: 0,470

YInMn Blue #215CFF

RGB: rgb(33, 92, 255)
HSL: hsl(224, 100%, 56%)
Luminanz: 0,152

Flirtatious Flamingo #C421FF

RGB: rgb(196, 33, 255)
HSL: hsl(284, 100%, 56%)
Luminanz: 0,200

Kontrast & Barrierefreiheit

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

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

Aa #000000 auf #FFF81F 18,70:1 AAA

Aa #000000 auf #5BCF29 10,40:1 AAA

Aa #000000 auf #FA7D17 8,01:1 AAA

Aa #FFFFFF auf #215CFF 5,20:1 AA

Aa #000000 auf #C421FF 5,01:1 AA

Aa #FFF81F auf #215CFF 4,63:1 AA

Aa #000000 auf #E81C1C 4,61:1 AA

Aa #FFFFFF auf #E81C1C 4,55:1 AA

Aa #FFFFFF auf #C421FF 4,19:1 AA (großer Text)

Aa #E81C1C auf #FFF81F 4,05:1 AA (großer Text)

Aa #000000 auf #215CFF 4,04:1 AA (großer Text)

Aa #FFF81F auf #C421FF 3,73:1 AA (großer Text)

Aa #FFFFFF auf #FA7D17 2,62:1 Nicht bestanden

Aa #5BCF29 auf #215CFF 2,58:1 Nicht bestanden

Aa #FA7D17 auf #FFF81F 2,33:1 Nicht bestanden

Aa #E81C1C auf #5BCF29 2,25:1 Nicht bestanden

Aa #5BCF29 auf #C421FF 2,08:1 Nicht bestanden

Aa #FFFFFF auf #5BCF29 2,02:1 Nicht bestanden

Aa #FA7D17 auf #215CFF 1,98:1 Nicht bestanden

Aa #FFF81F auf #5BCF29 1,80:1 Nicht bestanden

Aa #E81C1C auf #FA7D17 1,74:1 Nicht bestanden

Aa #FA7D17 auf #C421FF 1,60:1 Nicht bestanden

Aa #FA7D17 auf #5BCF29 1,30:1 Nicht bestanden

Aa #215CFF auf #C421FF 1,24:1 Nicht bestanden

Aa #E81C1C auf #215CFF 1,14:1 Nicht bestanden

Aa #FFFFFF auf #FFF81F 1,12:1 Nicht bestanden

Aa #E81C1C auf #C421FF 1,09:1 Nicht bestanden

1Bit Rainbow Horror