Num_01

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Num_01

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 6 Farben Warm Gemischt Komplementär number num ber one

Likes 32

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #E0E0E0;
  --c-vibrant-2: #FF8000;
  --c-vibrant-3: #FF4BFF;
  --c-vibrant-4: #0080FF;
  --c-vibrant-5: #00B400;
  --c-vibrant-6: #1F1F1F;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Christmas Silver (#E0E0E0) bis zum dunkelsten Ton Umbra (#1F1F1F). Sie vereint Christmas Silver, Orange Juice, Sicilia Bougainvillaea, Brescian Blue, Bubble Bobble Green und Umbra in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E0E0E0 auf #1F1F1F mit 12,49:1.

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

Farben im Detail

Christmas Silver #E0E0E0

RGB: rgb(224, 224, 224)
HSL: hsl(0, 0%, 88%)
Luminanz: 0,745

Orange Juice #FF8000

RGB: rgb(255, 128, 0)
HSL: hsl(30, 100%, 50%)
Luminanz: 0,367

Sicilia Bougainvillaea #FF4BFF

RGB: rgb(255, 75, 255)
HSL: hsl(300, 100%, 65%)
Luminanz: 0,335

Brescian Blue #0080FF

RGB: rgb(0, 128, 255)
HSL: hsl(210, 100%, 50%)
Luminanz: 0,227

Bubble Bobble Green #00B400

RGB: rgb(0, 180, 0)
HSL: hsl(120, 100%, 35%)
Luminanz: 0,326

Umbra #1F1F1F

RGB: rgb(31, 31, 31)
HSL: hsl(0, 0%, 12%)
Luminanz: 0,014

Kontrast & Barrierefreiheit

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

Aa #E0E0E0 auf #1F1F1F 12,49:1 AAA

Aa #FF8000 auf #1F1F1F 6,55:1 AA

Aa #FF4BFF auf #1F1F1F 6,05:1 AA

Aa #00B400 auf #1F1F1F 5,91:1 AA

Aa #0080FF auf #1F1F1F 4,34:1 AA (großer Text)

Aa #E0E0E0 auf #0080FF 2,88:1 Nicht bestanden

Aa #E0E0E0 auf #00B400 2,11:1 Nicht bestanden

Aa #E0E0E0 auf #FF4BFF 2,07:1 Nicht bestanden

Aa #E0E0E0 auf #FF8000 1,91:1 Nicht bestanden

Aa #FF8000 auf #0080FF 1,51:1 Nicht bestanden

Aa #FF4BFF auf #0080FF 1,39:1 Nicht bestanden

Aa #0080FF auf #00B400 1,36:1 Nicht bestanden

Aa #FF8000 auf #00B400 1,11:1 Nicht bestanden

Aa #FF8000 auf #FF4BFF 1,08:1 Nicht bestanden

Aa #FF4BFF auf #00B400 1,02:1 Nicht bestanden

Num_01

Num_01

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen