Registrieren Registrieren
ST 8 R & B Remake

ST 8 R & B Remake

Palette mit 8 Farben · Neutral · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

ST 8 R & B Remake

Palette mit 8 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten
Lebendig 8 Farben Neutral Gemischt Triadisch artist gameboy red 2bit
Likes 61
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #1A0908;
  --c-vibrant-2: #4D1313;
  --c-vibrant-3: #B3242D;
  --c-vibrant-4: #F26174;
  --c-vibrant-5: #85B1F2;
  --c-vibrant-6: #335CCC;
  --c-vibrant-7: #141F66;
  --c-vibrant-8: #0A0A1A;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Fly Away (#85B1F2) bis zum dunkelsten Ton Tristesse (#0A0A1A). Sie vereint Asphalt, Minotaur Hide, Tartan Red, Ponceau, Fly Away, Free Speech Blue, Pure Midnight und Tristesse in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #85B1F2 auf #0A0A1A mit 8,93:1.

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

Farben im Detail

Asphalt #1A0908
RGB
rgb(26, 9, 8)
HSL
hsl(3, 53%, 7%)
Luminanz
0,004
Minotaur Hide #4D1313
RGB
rgb(77, 19, 19)
HSL
hsl(0, 60%, 19%)
Luminanz
0,021
Tartan Red #B3242D
RGB
rgb(179, 36, 45)
HSL
hsl(356, 67%, 42%)
Luminanz
0,110
Ponceau #F26174
RGB
rgb(242, 97, 116)
HSL
hsl(352, 85%, 66%)
Luminanz
0,287
Fly Away #85B1F2
RGB
rgb(133, 177, 242)
HSL
hsl(216, 81%, 74%)
Luminanz
0,428
Free Speech Blue #335CCC
RGB
rgb(51, 92, 204)
HSL
hsl(224, 60%, 50%)
Luminanz
0,127
Pure Midnight #141F66
RGB
rgb(20, 31, 102)
HSL
hsl(232, 67%, 24%)
Luminanz
0,021
Tristesse #0A0A1A
RGB
rgb(10, 10, 26)
HSL
hsl(240, 44%, 7%)
Luminanz
0,004

Kontrast & Barrierefreiheit

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

Aa #85B1F2 auf #0A0A1A 8,93:1 AAA
Aa #1A0908 auf #85B1F2 8,81:1 AAA
Aa #4D1313 auf #85B1F2 6,75:1 AA
Aa #85B1F2 auf #141F66 6,75:1 AA
Aa #F26174 auf #0A0A1A 6,29:1 AA
Aa #1A0908 auf #F26174 6,20:1 AA
Aa #4D1313 auf #F26174 4,75:1 AA
Aa #F26174 auf #141F66 4,75:1 AA
Aa #335CCC auf #0A0A1A 3,31:1 AA (großer Text)
Aa #1A0908 auf #335CCC 3,26:1 AA (großer Text)
Aa #B3242D auf #0A0A1A 2,99:1 Nicht bestanden
Aa #B3242D auf #85B1F2 2,98:1 Nicht bestanden
Aa #1A0908 auf #B3242D 2,95:1 Nicht bestanden
Aa #85B1F2 auf #335CCC 2,70:1 Nicht bestanden
Aa #4D1313 auf #335CCC 2,50:1 Nicht bestanden
Aa #335CCC auf #141F66 2,50:1 Nicht bestanden
Aa #4D1313 auf #B3242D 2,26:1 Nicht bestanden
Aa #B3242D auf #141F66 2,26:1 Nicht bestanden
Aa #B3242D auf #F26174 2,10:1 Nicht bestanden
Aa #F26174 auf #335CCC 1,90:1 Nicht bestanden
Aa #F26174 auf #85B1F2 1,42:1 Nicht bestanden
Aa #4D1313 auf #0A0A1A 1,32:1 Nicht bestanden
Aa #141F66 auf #0A0A1A 1,32:1 Nicht bestanden
Aa #1A0908 auf #4D1313 1,31:1 Nicht bestanden
Aa #1A0908 auf #141F66 1,30:1 Nicht bestanden
Aa #B3242D auf #335CCC 1,10:1 Nicht bestanden
Aa #1A0908 auf #0A0A1A 1,01:1 Nicht bestanden
Aa #4D1313 auf #141F66 1,00:1 Nicht bestanden

Ähnliche Paletten

#EDF1D6 #9DC08B #609966 #40513B
4 Farben
#F5F7F8 #F4CE14 #495E57 #45474B
4 Farben
#222831 #393E46 #FFD369 #EEEEEE
4 Farben
#000000 #52057B #892CDC #BC6FF1
4 Farben
#213555 #3E5879 #D8C4B6 #F5EFE7
4 Farben
#F5EFE7 #D8C4B6 #4F709C #213555
4 Farben
#191A19 #1E5128 #4E9F3D #D8E9A8
4 Farben
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 Farben