Startseite Farbpaletten Super Game Boy Graffiti

Super Game Boy Graffiti

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

Zurück zur Bibliothek

Super Game Boy Graffiti

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

Bearbeiten

Lebendig 12 Farben Neutral Gemischt Komplementär gameboy nintendo sgb console

Likes 4

Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #FFFFFF;
  --c-vibrant-2: #FF0000;
  --c-vibrant-3: #FF8400;
  --c-vibrant-4: #FFFF00;
  --c-vibrant-5: #84FF00;
  --c-vibrant-6: #00CE00;
  --c-vibrant-7: #008484;
  --c-vibrant-8: #0000FF;
  --c-vibrant-9: #840084;
  --c-vibrant-10: #844200;
  --c-vibrant-11: #FF9C5A;
  --c-vibrant-12: #000000;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint White, Red, The New Black, Yellow, Lasting Lime, Tunic Green, Fanfare, Blue, Mardi Gras, Chocolate Pancakes, Papaya und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 18 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #000000 mit 21:1.

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

Farben im Detail

White #FFFFFF

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

Red #FF0000

RGB: rgb(255, 0, 0)
HSL: hsl(0, 100%, 50%)
Luminanz: 0,213

The New Black #FF8400

RGB: rgb(255, 132, 0)
HSL: hsl(31, 100%, 50%)
Luminanz: 0,378

Yellow #FFFF00

RGB: rgb(255, 255, 0)
HSL: hsl(60, 100%, 50%)
Luminanz: 0,928

Lasting Lime #84FF00

RGB: rgb(132, 255, 0)
HSL: hsl(89, 100%, 50%)
Luminanz: 0,764

Tunic Green #00CE00

RGB: rgb(0, 206, 0)
HSL: hsl(120, 100%, 40%)
Luminanz: 0,441

Fanfare #008484

RGB: rgb(0, 132, 132)
HSL: hsl(180, 100%, 26%)
Luminanz: 0,182

Blue #0000FF

RGB: rgb(0, 0, 255)
HSL: hsl(240, 100%, 50%)
Luminanz: 0,072

Mardi Gras #840084

RGB: rgb(132, 0, 132)
HSL: hsl(300, 100%, 26%)
Luminanz: 0,066

Chocolate Pancakes #844200

RGB: rgb(132, 66, 0)
HSL: hsl(30, 100%, 26%)
Luminanz: 0,088

Papaya #FF9C5A

RGB: rgb(255, 156, 90)
HSL: hsl(24, 100%, 68%)
Luminanz: 0,458

Black #000000

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

Kontrast & Barrierefreiheit

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

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

Aa #FFFF00 auf #000000 19,56:1 AAA

Aa #84FF00 auf #000000 16,29:1 AAA

Aa #FF9C5A auf #000000 10,16:1 AAA

Aa #00CE00 auf #000000 9,83:1 AAA

Aa #FFFFFF auf #840084 9,07:1 AAA

Aa #FFFFFF auf #0000FF 8,59:1 AAA

Aa #FF8400 auf #000000 8,55:1 AAA

Aa #FFFF00 auf #840084 8,45:1 AAA

Aa #FFFF00 auf #0000FF 8,00:1 AAA

Aa #FFFFFF auf #844200 7,61:1 AAA

Aa #FFFF00 auf #844200 7,08:1 AAA

Aa #84FF00 auf #840084 7,04:1 AAA

Aa #84FF00 auf #0000FF 6,66:1 AA

Aa #84FF00 auf #844200 5,90:1 AA

Aa #FF0000 auf #000000 5,25:1 AA

Aa #008484 auf #000000 4,63:1 AA

Aa #FFFFFF auf #008484 4,53:1 AA

Aa #840084 auf #FF9C5A 4,39:1 AA (großer Text)

Aa #00CE00 auf #840084 4,25:1 AA (großer Text)

Aa #FFFF00 auf #008484 4,22:1 AA (großer Text)

Aa #0000FF auf #FF9C5A 4,16:1 AA (großer Text)

Aa #00CE00 auf #0000FF 4,02:1 AA (großer Text)

Aa #FFFFFF auf #FF0000 4,00:1 AA (großer Text)

Aa #FF0000 auf #FFFF00 3,72:1 AA (großer Text)

Aa #FF8400 auf #840084 3,70:1 AA (großer Text)

Aa #844200 auf #FF9C5A 3,68:1 AA (großer Text)

Aa #00CE00 auf #844200 3,56:1 AA (großer Text)

Aa #84FF00 auf #008484 3,51:1 AA (großer Text)

Aa #FF8400 auf #0000FF 3,50:1 AA (großer Text)

Aa #FF0000 auf #84FF00 3,10:1 AA (großer Text)

Aa #FF8400 auf #844200 3,10:1 AA (großer Text)

Aa #844200 auf #000000 2,76:1 Nicht bestanden

Aa #FFFFFF auf #FF8400 2,46:1 Nicht bestanden

Aa #0000FF auf #000000 2,44:1 Nicht bestanden

Aa #840084 auf #000000 2,31:1 Nicht bestanden

Aa #FF8400 auf #FFFF00 2,29:1 Nicht bestanden

Aa #FF0000 auf #840084 2,27:1 Nicht bestanden

Aa #008484 auf #FF9C5A 2,19:1 Nicht bestanden

Aa #FF0000 auf #0000FF 2,15:1 Nicht bestanden

Aa #FFFFFF auf #00CE00 2,14:1 Nicht bestanden

Aa #00CE00 auf #008484 2,12:1 Nicht bestanden

Aa #FFFFFF auf #FF9C5A 2,07:1 Nicht bestanden

Aa #008484 auf #840084 2,00:1 Nicht bestanden

Aa #FFFF00 auf #00CE00 1,99:1 Nicht bestanden

Aa #FF0000 auf #FF9C5A 1,93:1 Nicht bestanden

Aa #FFFF00 auf #FF9C5A 1,93:1 Nicht bestanden

Aa #FF0000 auf #844200 1,90:1 Nicht bestanden

Aa #FF8400 auf #84FF00 1,90:1 Nicht bestanden

Aa #008484 auf #0000FF 1,90:1 Nicht bestanden

Aa #FF0000 auf #00CE00 1,87:1 Nicht bestanden

Aa #FF8400 auf #008484 1,85:1 Nicht bestanden

Aa #008484 auf #844200 1,68:1 Nicht bestanden

Aa #84FF00 auf #00CE00 1,66:1 Nicht bestanden

Aa #FF0000 auf #FF8400 1,63:1 Nicht bestanden

Aa #84FF00 auf #FF9C5A 1,60:1 Nicht bestanden

Aa #FFFFFF auf #84FF00 1,29:1 Nicht bestanden

Aa #FFFF00 auf #84FF00 1,20:1 Nicht bestanden

Aa #FF8400 auf #FF9C5A 1,19:1 Nicht bestanden

Aa #840084 auf #844200 1,19:1 Nicht bestanden

Aa #FF8400 auf #00CE00 1,15:1 Nicht bestanden

Aa #FF0000 auf #008484 1,13:1 Nicht bestanden

Aa #0000FF auf #844200 1,13:1 Nicht bestanden

Aa #FFFFFF auf #FFFF00 1,07:1 Nicht bestanden

Aa #0000FF auf #840084 1,06:1 Nicht bestanden

Aa #00CE00 auf #FF9C5A 1,03:1 Nicht bestanden

Super Game Boy Graffiti