Startseite Farbpaletten Algunos Colores

Algunos Colores

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Algunos Colores

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 8 Farben Warm Gemischt Triadisch

Likes 10

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #E0F6CD;
  --c-vibrant-2: #FA9E66;
  --c-vibrant-3: #F4241A;
  --c-vibrant-4: #993223;
  --c-vibrant-5: #4E2524;
  --c-vibrant-6: #430706;
  --c-vibrant-7: #3D0A08;
  --c-vibrant-8: #200109;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Light Greenette (#E0F6CD) bis zum dunkelsten Ton Belladonna (#200109). Sie vereint Light Greenette, Fresh Cantaloupe, Raspberry Rave, Chocolate Lust, Lonestar, Bulgarian Rose, Red Bean und Belladonna in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E0F6CD auf #200109 mit 17,05:1.

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

Farben im Detail

Light Greenette #E0F6CD

RGB: rgb(224, 246, 205)
HSL: hsl(92, 69%, 88%)
Luminanz: 0,862

Fresh Cantaloupe #FA9E66

RGB: rgb(250, 158, 102)
HSL: hsl(23, 94%, 69%)
Luminanz: 0,457

Raspberry Rave #F4241A

RGB: rgb(244, 36, 26)
HSL: hsl(3, 91%, 53%)
Luminanz: 0,206

Chocolate Lust #993223

RGB: rgb(153, 50, 35)
HSL: hsl(8, 63%, 37%)
Luminanz: 0,092

Lonestar #4E2524

RGB: rgb(78, 37, 36)
HSL: hsl(1, 37%, 22%)
Luminanz: 0,031

Bulgarian Rose #430706

RGB: rgb(67, 7, 6)
HSL: hsl(1, 84%, 14%)
Luminanz: 0,014

Red Bean #3D0A08

RGB: rgb(61, 10, 8)
HSL: hsl(2, 77%, 14%)
Luminanz: 0,012

Belladonna #200109

RGB: rgb(32, 1, 9)
HSL: hsl(345, 94%, 6%)
Luminanz: 0,004

Kontrast & Barrierefreiheit

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

Aa #E0F6CD auf #200109 17,05:1 AAA

Aa #E0F6CD auf #3D0A08 14,64:1 AAA

Aa #E0F6CD auf #430706 14,34:1 AAA

Aa #E0F6CD auf #4E2524 11,30:1 AAA

Aa #FA9E66 auf #200109 9,49:1 AAA

Aa #FA9E66 auf #3D0A08 8,15:1 AAA

Aa #FA9E66 auf #430706 7,98:1 AAA

Aa #E0F6CD auf #993223 6,43:1 AA

Aa #FA9E66 auf #4E2524 6,29:1 AA

Aa #F4241A auf #200109 4,78:1 AA

Aa #F4241A auf #3D0A08 4,11:1 AA (großer Text)

Aa #F4241A auf #430706 4,02:1 AA (großer Text)

Aa #FA9E66 auf #993223 3,58:1 AA (großer Text)

Aa #E0F6CD auf #F4241A 3,57:1 AA (großer Text)

Aa #F4241A auf #4E2524 3,17:1 AA (großer Text)

Aa #993223 auf #200109 2,65:1 Nicht bestanden

Aa #993223 auf #3D0A08 2,28:1 Nicht bestanden

Aa #993223 auf #430706 2,23:1 Nicht bestanden

Aa #FA9E66 auf #F4241A 1,98:1 Nicht bestanden

Aa #E0F6CD auf #FA9E66 1,80:1 Nicht bestanden

Aa #F4241A auf #993223 1,80:1 Nicht bestanden

Aa #993223 auf #4E2524 1,76:1 Nicht bestanden

Aa #4E2524 auf #200109 1,51:1 Nicht bestanden

Aa #4E2524 auf #3D0A08 1,30:1 Nicht bestanden

Aa #4E2524 auf #430706 1,27:1 Nicht bestanden

Aa #430706 auf #200109 1,19:1 Nicht bestanden

Aa #3D0A08 auf #200109 1,16:1 Nicht bestanden

Aa #430706 auf #3D0A08 1,02:1 Nicht bestanden

Algunos Colores

Algunos Colores

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen