Startseite Farbpaletten Lazy Bit Extended

Lazy Bit Extended

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

Zurück zur Bibliothek

Lazy Bit Extended

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

Bearbeiten

Lebendig 6 Farben Warm Gemischt Komplementär

Likes 5

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #CD5DEB;
  --c-vibrant-2: #00EF4A;
  --c-vibrant-3: #F5B214;
  --c-vibrant-4: #EB3B3F;
  --c-vibrant-5: #E7FFEE;
  --c-vibrant-6: #0A073F;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Mint Chiffon (#E7FFEE) bis zum dunkelsten Ton Stratos (#0A073F). Sie vereint Bubblegum Baby Girl, Radiant Hulk, Spanish Yellow, Vivaldi Red, Mint Chiffon und Stratos in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E7FFEE auf #0A073F mit 17,88:1.

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

Farben im Detail

Bubblegum Baby Girl #CD5DEB

RGB: rgb(205, 93, 235)
HSL: hsl(287, 78%, 64%)
Luminanz: 0,268

Radiant Hulk #00EF4A

RGB: rgb(0, 239, 74)
HSL: hsl(139, 100%, 47%)
Luminanz: 0,622

Spanish Yellow #F5B214

RGB: rgb(245, 178, 20)
HSL: hsl(42, 92%, 52%)
Luminanz: 0,513

Vivaldi Red #EB3B3F

RGB: rgb(235, 59, 63)
HSL: hsl(359, 81%, 58%)
Luminanz: 0,212

Mint Chiffon #E7FFEE

RGB: rgb(231, 255, 238)
HSL: hsl(138, 100%, 95%)
Luminanz: 0,947

Stratos #0A073F

RGB: rgb(10, 7, 63)
HSL: hsl(243, 80%, 14%)
Luminanz: 0,006

Kontrast & Barrierefreiheit

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

Aa #E7FFEE auf #0A073F 17,88:1 AAA

Aa #00EF4A auf #0A073F 12,06:1 AAA

Aa #F5B214 auf #0A073F 10,10:1 AAA

Aa #CD5DEB auf #0A073F 5,70:1 AA

Aa #EB3B3F auf #0A073F 4,69:1 AA

Aa #EB3B3F auf #E7FFEE 3,81:1 AA (großer Text)

Aa #CD5DEB auf #E7FFEE 3,13:1 AA (großer Text)

Aa #00EF4A auf #EB3B3F 2,57:1 Nicht bestanden

Aa #F5B214 auf #EB3B3F 2,15:1 Nicht bestanden

Aa #CD5DEB auf #00EF4A 2,11:1 Nicht bestanden

Aa #CD5DEB auf #F5B214 1,77:1 Nicht bestanden

Aa #F5B214 auf #E7FFEE 1,77:1 Nicht bestanden

Aa #00EF4A auf #E7FFEE 1,48:1 Nicht bestanden

Aa #CD5DEB auf #EB3B3F 1,22:1 Nicht bestanden

Aa #00EF4A auf #F5B214 1,19:1 Nicht bestanden

Lazy Bit Extended