Startseite Farbpaletten City Silhouette 5

City Silhouette 5

Palette mit 5 Farben · Kühl · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

City Silhouette 5

Palette mit 5 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Lebendig 5 Farben Kühl Dunkel Komplementär night sunset city 5color

Likes 9

Farben 5

CSS-Variablen

:root {
  --c-vibrant-1: #011010;
  --c-vibrant-2: #033030;
  --c-vibrant-3: #AA5500;
  --c-vibrant-4: #AFAF00;
  --c-vibrant-5: #EFEFE0;
}

Über diese Palette

Diese lebendige Palette mit 5 Farben reicht vom hellsten Ton Pearl Onion (#EFEFE0) bis zum dunkelsten Ton Black Glaze (#011010). Sie vereint Black Glaze, Roof Tile Green, Tijolo, Honey and Thyme und Pearl Onion in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #011010 auf #EFEFE0 mit 16,71:1.

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

Farben im Detail

Black Glaze #011010

RGB: rgb(1, 16, 16)
HSL: hsl(180, 88%, 3%)
Luminanz: 0,004

Roof Tile Green #033030

RGB: rgb(3, 48, 48)
HSL: hsl(180, 88%, 10%)
Luminanz: 0,024

Tijolo #AA5500

RGB: rgb(170, 85, 0)
HSL: hsl(30, 100%, 33%)
Luminanz: 0,150

Honey and Thyme #AFAF00

RGB: rgb(175, 175, 0)
HSL: hsl(60, 100%, 34%)
Luminanz: 0,398

Pearl Onion #EFEFE0

RGB: rgb(239, 239, 224)
HSL: hsl(60, 32%, 91%)
Luminanz: 0,855

Kontrast & Barrierefreiheit

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

Aa #011010 auf #EFEFE0 16,71:1 AAA

Aa #033030 auf #EFEFE0 12,31:1 AAA

Aa #011010 auf #AFAF00 8,27:1 AAA

Aa #033030 auf #AFAF00 6,09:1 AA

Aa #AA5500 auf #EFEFE0 4,51:1 AA

Aa #011010 auf #AA5500 3,70:1 AA (großer Text)

Aa #033030 auf #AA5500 2,73:1 Nicht bestanden

Aa #AA5500 auf #AFAF00 2,23:1 Nicht bestanden

Aa #AFAF00 auf #EFEFE0 2,02:1 Nicht bestanden

Aa #011010 auf #033030 1,36:1 Nicht bestanden

City Silhouette 5