Gameboy Pop

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

Zurück zur Bibliothek

Gameboy Pop

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

Bearbeiten

Lebendig 9 Farben Warm Gemischt Komplementär artist gameboy mortmort

Likes 22

Farben 9

CSS-Variablen

:root {
  --c-vibrant-1: #FF0033;
  --c-vibrant-2: #FF3366;
  --c-vibrant-3: #BD7100;
  --c-vibrant-4: #FFCC00;
  --c-vibrant-5: #76EC08;
  --c-vibrant-6: #33CCFF;
  --c-vibrant-7: #2086FD;
  --c-vibrant-8: #57001A;
  --c-vibrant-9: #B2194C;
}

Über diese Palette

Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton USC Gold (#FFCC00) bis zum dunkelsten Ton Bloedworst (#57001A). Sie vereint Hornet Sting, Chinese New Year, Cassandra’s Curse, USC Gold, Hypnotic Green, Shovel Knight, Pool Water, Bloedworst und Carmoisine in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFCC00 auf #57001A mit 9,78:1.

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

Farben im Detail

Hornet Sting #FF0033

RGB: rgb(255, 0, 51)
HSL: hsl(348, 100%, 50%)
Luminanz: 0,215

Chinese New Year #FF3366

RGB: rgb(255, 51, 102)
HSL: hsl(345, 100%, 60%)
Luminanz: 0,246

Cassandra’s Curse #BD7100

RGB: rgb(189, 113, 0)
HSL: hsl(36, 100%, 37%)
Luminanz: 0,226

USC Gold #FFCC00

RGB: rgb(255, 204, 0)
HSL: hsl(48, 100%, 50%)
Luminanz: 0,645

Hypnotic Green #76EC08

RGB: rgb(118, 236, 8)
HSL: hsl(91, 93%, 48%)
Luminanz: 0,639

Shovel Knight #33CCFF

RGB: rgb(51, 204, 255)
HSL: hsl(195, 100%, 60%)
Luminanz: 0,511

Pool Water #2086FD

RGB: rgb(32, 134, 253)
HSL: hsl(212, 98%, 56%)
Luminanz: 0,245

Bloedworst #57001A

RGB: rgb(87, 0, 26)
HSL: hsl(342, 100%, 17%)
Luminanz: 0,021

Carmoisine #B2194C

RGB: rgb(178, 25, 76)
HSL: hsl(340, 75%, 40%)
Luminanz: 0,107

Kontrast & Barrierefreiheit

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

Aa #FFCC00 auf #57001A 9,78:1 AAA

Aa #76EC08 auf #57001A 9,70:1 AAA

Aa #33CCFF auf #57001A 7,90:1 AAA

Aa #FFCC00 auf #B2194C 4,43:1 AA (großer Text)

Aa #76EC08 auf #B2194C 4,39:1 AA (großer Text)

Aa #FF3366 auf #57001A 4,17:1 AA (großer Text)

Aa #2086FD auf #57001A 4,15:1 AA (großer Text)

Aa #BD7100 auf #57001A 3,89:1 AA (großer Text)

Aa #FF0033 auf #57001A 3,73:1 AA (großer Text)

Aa #33CCFF auf #B2194C 3,58:1 AA (großer Text)

Aa #FF0033 auf #FFCC00 2,62:1 Nicht bestanden

Aa #FF0033 auf #76EC08 2,60:1 Nicht bestanden

Aa #BD7100 auf #FFCC00 2,51:1 Nicht bestanden

Aa #BD7100 auf #76EC08 2,49:1 Nicht bestanden

Aa #FFCC00 auf #2086FD 2,36:1 Nicht bestanden

Aa #FF3366 auf #FFCC00 2,35:1 Nicht bestanden

Aa #76EC08 auf #2086FD 2,34:1 Nicht bestanden

Aa #FF3366 auf #76EC08 2,33:1 Nicht bestanden

Aa #57001A auf #B2194C 2,21:1 Nicht bestanden

Aa #FF0033 auf #33CCFF 2,12:1 Nicht bestanden

Aa #BD7100 auf #33CCFF 2,03:1 Nicht bestanden

Aa #33CCFF auf #2086FD 1,91:1 Nicht bestanden

Aa #FF3366 auf #33CCFF 1,90:1 Nicht bestanden

Aa #FF3366 auf #B2194C 1,89:1 Nicht bestanden

Aa #2086FD auf #B2194C 1,88:1 Nicht bestanden

Aa #BD7100 auf #B2194C 1,76:1 Nicht bestanden

Aa #FF0033 auf #B2194C 1,69:1 Nicht bestanden

Aa #FFCC00 auf #33CCFF 1,24:1 Nicht bestanden

Aa #76EC08 auf #33CCFF 1,23:1 Nicht bestanden

Aa #FF0033 auf #FF3366 1,12:1 Nicht bestanden

Aa #FF0033 auf #2086FD 1,11:1 Nicht bestanden

Aa #FF3366 auf #BD7100 1,07:1 Nicht bestanden

Aa #BD7100 auf #2086FD 1,07:1 Nicht bestanden

Aa #FF0033 auf #BD7100 1,04:1 Nicht bestanden

Aa #FFCC00 auf #76EC08 1,01:1 Nicht bestanden

Aa #FF3366 auf #2086FD 1,00:1 Nicht bestanden

Gameboy Pop

Gameboy Pop

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen