Startseite Farbpaletten 3 Bit RGB Perceptually Linear

3 Bit RGB Perceptually Linear

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

Zurück zur Bibliothek

3 Bit RGB Perceptually Linear

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

Bearbeiten

Lebendig 8 Farben Neutral Gemischt Komplementär

Likes 16

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #000063;
  --c-vibrant-3: #850000;
  --c-vibrant-4: #B500B5;
  --c-vibrant-5: #00A300;
  --c-vibrant-6: #00C7C7;
  --c-vibrant-7: #E0E000;
  --c-vibrant-8: #FFFFFF;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Alone in the Dark, Dark Red, Energic Eggplant, Aquamentus Green, Turquoise Surf, Golden Gun und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 12 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

Alone in the Dark #000063

RGB: rgb(0, 0, 99)
HSL: hsl(240, 100%, 19%)
Luminanz: 0,009

Dark Red #850000

RGB: rgb(133, 0, 0)
HSL: hsl(0, 100%, 26%)
Luminanz: 0,050

Energic Eggplant #B500B5

RGB: rgb(181, 0, 181)
HSL: hsl(300, 100%, 35%)
Luminanz: 0,132

Aquamentus Green #00A300

RGB: rgb(0, 163, 0)
HSL: hsl(120, 100%, 32%)
Luminanz: 0,262

Turquoise Surf #00C7C7

RGB: rgb(0, 199, 199)
HSL: hsl(180, 100%, 39%)
Luminanz: 0,450

Golden Gun #E0E000

RGB: rgb(224, 224, 0)
HSL: hsl(60, 100%, 44%)
Luminanz: 0,692

White #FFFFFF

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

Kontrast & Barrierefreiheit

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

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

Aa #000063 auf #FFFFFF 17,79:1 AAA

Aa #000000 auf #E0E000 14,83:1 AAA

Aa #000063 auf #E0E000 12,57:1 AAA

Aa #850000 auf #FFFFFF 10,51:1 AAA

Aa #000000 auf #00C7C7 9,99:1 AAA

Aa #000063 auf #00C7C7 8,47:1 AAA

Aa #850000 auf #E0E000 7,43:1 AAA

Aa #000000 auf #00A300 6,24:1 AA

Aa #B500B5 auf #FFFFFF 5,78:1 AA

Aa #000063 auf #00A300 5,29:1 AA

Aa #850000 auf #00C7C7 5,00:1 AA

Aa #B500B5 auf #E0E000 4,08:1 AA (großer Text)

Aa #000000 auf #B500B5 3,63:1 AA (großer Text)

Aa #00A300 auf #FFFFFF 3,37:1 AA (großer Text)

Aa #850000 auf #00A300 3,12:1 AA (großer Text)

Aa #000063 auf #B500B5 3,08:1 AA (großer Text)

Aa #B500B5 auf #00C7C7 2,75:1 Nicht bestanden

Aa #00A300 auf #E0E000 2,38:1 Nicht bestanden

Aa #00C7C7 auf #FFFFFF 2,10:1 Nicht bestanden

Aa #000000 auf #850000 2,00:1 Nicht bestanden

Aa #850000 auf #B500B5 1,82:1 Nicht bestanden

Aa #B500B5 auf #00A300 1,72:1 Nicht bestanden

Aa #000063 auf #850000 1,69:1 Nicht bestanden

Aa #00A300 auf #00C7C7 1,60:1 Nicht bestanden

Aa #00C7C7 auf #E0E000 1,48:1 Nicht bestanden

Aa #E0E000 auf #FFFFFF 1,42:1 Nicht bestanden

Aa #000000 auf #000063 1,18:1 Nicht bestanden

3 Bit RGB Perceptually Linear