GB Cruiser

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

GB Cruiser

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär simple vibrant space spaceship

Likes 20

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #B8B8F8;
  --c-vibrant-2: #007800;
  --c-vibrant-3: #0000BC;
  --c-vibrant-4: #24002E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Purple Illusion (#B8B8F8) bis zum dunkelsten Ton Coal Mine (#24002E). Sie vereint Purple Illusion, Green Hills, Keese Blue und Coal Mine in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #B8B8F8 auf #24002E mit 10,09:1.

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

Farben im Detail

Purple Illusion #B8B8F8

RGB: rgb(184, 184, 248)
HSL: hsl(240, 82%, 85%)
Luminanz: 0,513

Green Hills #007800

RGB: rgb(0, 120, 0)
HSL: hsl(120, 100%, 24%)
Luminanz: 0,134

Keese Blue #0000BC

RGB: rgb(0, 0, 188)
HSL: hsl(240, 100%, 37%)
Luminanz: 0,036

Coal Mine #24002E

RGB: rgb(36, 0, 46)
HSL: hsl(287, 100%, 9%)
Luminanz: 0,006

Kontrast & Barrierefreiheit

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

Aa #B8B8F8 auf #24002E 10,09:1 AAA

Aa #B8B8F8 auf #0000BC 6,52:1 AA

Aa #007800 auf #24002E 3,31:1 AA (großer Text)

Aa #B8B8F8 auf #007800 3,05:1 AA (großer Text)

Aa #007800 auf #0000BC 2,14:1 Nicht bestanden

Aa #0000BC auf #24002E 1,55:1 Nicht bestanden

GB Cruiser

GB Cruiser

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen