Colourful 6

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

Zurück zur Bibliothek

Colourful 6

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

Bearbeiten

Lebendig 6 Farben Warm Gemischt Analog colorful 6color groxguy 6colour

Likes 19

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #5B401E;
  --c-vibrant-2: #AA7837;
  --c-vibrant-3: #EFEADE;
  --c-vibrant-4: #95E539;
  --c-vibrant-5: #F2B313;
  --c-vibrant-6: #F27837;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Ivory Mist (#EFEADE) bis zum dunkelsten Ton Cassiterite Brown (#5B401E). Sie vereint Cassiterite Brown, Buff Leather, Ivory Mist, Kiwi Green, Spanish Yellow und Sea Nettle in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #5B401E auf #EFEADE mit 7,96:1.

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

Farben im Detail

Cassiterite Brown #5B401E

RGB: rgb(91, 64, 30)
HSL: hsl(33, 50%, 24%)
Luminanz: 0,060

Buff Leather #AA7837

RGB: rgb(170, 120, 55)
HSL: hsl(34, 51%, 44%)
Luminanz: 0,223

Ivory Mist #EFEADE

RGB: rgb(239, 234, 222)
HSL: hsl(42, 35%, 90%)
Luminanz: 0,825

Kiwi Green #95E539

RGB: rgb(149, 229, 57)
HSL: hsl(88, 77%, 56%)
Luminanz: 0,627

Spanish Yellow #F2B313

RGB: rgb(242, 179, 19)
HSL: hsl(43, 90%, 51%)
Luminanz: 0,512

Sea Nettle #F27837

RGB: rgb(242, 120, 55)
HSL: hsl(21, 88%, 58%)
Luminanz: 0,326

Kontrast & Barrierefreiheit

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

Aa #5B401E auf #EFEADE 7,96:1 AAA

Aa #5B401E auf #95E539 6,17:1 AA

Aa #5B401E auf #F2B313 5,11:1 AA

Aa #5B401E auf #F27837 3,42:1 AA (großer Text)

Aa #AA7837 auf #EFEADE 3,21:1 AA (großer Text)

Aa #5B401E auf #AA7837 2,48:1 Nicht bestanden

Aa #AA7837 auf #95E539 2,48:1 Nicht bestanden

Aa #EFEADE auf #F27837 2,33:1 Nicht bestanden

Aa #AA7837 auf #F2B313 2,06:1 Nicht bestanden

Aa #95E539 auf #F27837 1,80:1 Nicht bestanden

Aa #EFEADE auf #F2B313 1,56:1 Nicht bestanden

Aa #F2B313 auf #F27837 1,49:1 Nicht bestanden

Aa #AA7837 auf #F27837 1,38:1 Nicht bestanden

Aa #EFEADE auf #95E539 1,29:1 Nicht bestanden

Aa #95E539 auf #F2B313 1,21:1 Nicht bestanden

Colourful 6

Colourful 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen