Lmao

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Lmao

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 7 Farben Warm Gemischt Analog

Likes 18

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #47063E;
  --c-vibrant-3: #7A0A4D;
  --c-vibrant-4: #9E1439;
  --c-vibrant-5: #F24649;
  --c-vibrant-6: #FF9E66;
  --c-vibrant-7: #FFFFFF;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Pion Purple, Velvet, French Winery, Glowing Brake Disc, Fresh Cantaloupe und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 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

Pion Purple #47063E

RGB: rgb(71, 6, 62)
HSL: hsl(308, 84%, 15%)
Luminanz: 0,018

Velvet #7A0A4D

RGB: rgb(122, 10, 77)
HSL: hsl(324, 85%, 26%)
Luminanz: 0,049

French Winery #9E1439

RGB: rgb(158, 20, 57)
HSL: hsl(344, 78%, 35%)
Luminanz: 0,081

Glowing Brake Disc #F24649

RGB: rgb(242, 70, 73)
HSL: hsl(359, 87%, 61%)
Luminanz: 0,237

Fresh Cantaloupe #FF9E66

RGB: rgb(255, 158, 102)
HSL: hsl(22, 100%, 70%)
Luminanz: 0,467

White #FFFFFF

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

Kontrast & Barrierefreiheit

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

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

Aa #47063E auf #FFFFFF 15,40:1 AAA

Aa #7A0A4D auf #FFFFFF 10,62:1 AAA

Aa #000000 auf #FF9E66 10,33:1 AAA

Aa #9E1439 auf #FFFFFF 8,04:1 AAA

Aa #47063E auf #FF9E66 7,58:1 AAA

Aa #000000 auf #F24649 5,75:1 AA

Aa #7A0A4D auf #FF9E66 5,22:1 AA

Aa #47063E auf #F24649 4,22:1 AA (großer Text)

Aa #9E1439 auf #FF9E66 3,96:1 AA (großer Text)

Aa #F24649 auf #FFFFFF 3,65:1 AA (großer Text)

Aa #7A0A4D auf #F24649 2,91:1 Nicht bestanden

Aa #000000 auf #9E1439 2,61:1 Nicht bestanden

Aa #9E1439 auf #F24649 2,20:1 Nicht bestanden

Aa #FF9E66 auf #FFFFFF 2,03:1 Nicht bestanden

Aa #000000 auf #7A0A4D 1,98:1 Nicht bestanden

Aa #47063E auf #9E1439 1,92:1 Nicht bestanden

Aa #F24649 auf #FF9E66 1,80:1 Nicht bestanden

Aa #47063E auf #7A0A4D 1,45:1 Nicht bestanden

Aa #000000 auf #47063E 1,36:1 Nicht bestanden

Aa #7A0A4D auf #9E1439 1,32:1 Nicht bestanden

Lmao

Lmao

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen