Startseite Farbpaletten A BEAUTIFUL DAY OUTSIDE

A BEAUTIFUL DAY OUTSIDE

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

Zurück zur Bibliothek

A BEAUTIFUL DAY OUTSIDE

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär pixelart pixel modern adobe

Likes 15

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #00FF65;
  --c-vibrant-2: #FF3D3D;
  --c-vibrant-3: #FF9A56;
  --c-vibrant-4: #FFE256;
  --c-vibrant-5: #82D9EA;
  --c-vibrant-6: #CF68FF;
  --c-vibrant-7: #FF66EA;
  --c-vibrant-8: #FF2684;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Pickled Ginger (#FFE256) bis zum dunkelsten Ton Reliquial Rose (#FF2684). Sie vereint Cathode Green, Red Coral, Honey Carrot Cake, Pickled Ginger, Medium Sky Blue, Jacaranda Pink, Vaporwave und Reliquial Rose in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 28 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Cathode Green #00FF65

RGB: rgb(0, 255, 101)
HSL: hsl(144, 100%, 50%)
Luminanz: 0,725

Red Coral #FF3D3D

RGB: rgb(255, 61, 61)
HSL: hsl(0, 100%, 62%)
Luminanz: 0,249

Honey Carrot Cake #FF9A56

RGB: rgb(255, 154, 86)
HSL: hsl(24, 100%, 67%)
Luminanz: 0,450

Pickled Ginger #FFE256

RGB: rgb(255, 226, 86)
HSL: hsl(50, 100%, 67%)
Luminanz: 0,763

Medium Sky Blue #82D9EA

RGB: rgb(130, 217, 234)
HSL: hsl(190, 71%, 71%)
Luminanz: 0,603

Jacaranda Pink #CF68FF

RGB: rgb(207, 104, 255)
HSL: hsl(281, 100%, 70%)
Luminanz: 0,304

Vaporwave #FF66EA

RGB: rgb(255, 102, 234)
HSL: hsl(308, 100%, 70%)
Luminanz: 0,367

Reliquial Rose #FF2684

RGB: rgb(255, 38, 132)
HSL: hsl(334, 100%, 57%)
Luminanz: 0,243

Kontrast & Barrierefreiheit

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

Aa #FFE256 auf #FF2684 2,77:1 Nicht bestanden

Aa #FF3D3D auf #FFE256 2,72:1 Nicht bestanden

Aa #00FF65 auf #FF2684 2,64:1 Nicht bestanden

Aa #00FF65 auf #FF3D3D 2,59:1 Nicht bestanden

Aa #FFE256 auf #CF68FF 2,30:1 Nicht bestanden

Aa #82D9EA auf #FF2684 2,23:1 Nicht bestanden

Aa #00FF65 auf #CF68FF 2,19:1 Nicht bestanden

Aa #FF3D3D auf #82D9EA 2,18:1 Nicht bestanden

Aa #FFE256 auf #FF66EA 1,95:1 Nicht bestanden

Aa #00FF65 auf #FF66EA 1,86:1 Nicht bestanden

Aa #82D9EA auf #CF68FF 1,85:1 Nicht bestanden

Aa #FF9A56 auf #FF2684 1,71:1 Nicht bestanden

Aa #FF3D3D auf #FF9A56 1,67:1 Nicht bestanden

Aa #FF9A56 auf #FFE256 1,63:1 Nicht bestanden

Aa #82D9EA auf #FF66EA 1,57:1 Nicht bestanden

Aa #00FF65 auf #FF9A56 1,55:1 Nicht bestanden

Aa #FF66EA auf #FF2684 1,42:1 Nicht bestanden

Aa #FF9A56 auf #CF68FF 1,41:1 Nicht bestanden

Aa #FF3D3D auf #FF66EA 1,39:1 Nicht bestanden

Aa #FF9A56 auf #82D9EA 1,31:1 Nicht bestanden

Aa #FFE256 auf #82D9EA 1,25:1 Nicht bestanden

Aa #CF68FF auf #FF2684 1,21:1 Nicht bestanden

Aa #FF9A56 auf #FF66EA 1,20:1 Nicht bestanden

Aa #00FF65 auf #82D9EA 1,19:1 Nicht bestanden

Aa #FF3D3D auf #CF68FF 1,18:1 Nicht bestanden

Aa #CF68FF auf #FF66EA 1,18:1 Nicht bestanden

Aa #00FF65 auf #FFE256 1,05:1 Nicht bestanden

Aa #FF3D3D auf #FF2684 1,02:1 Nicht bestanden

A BEAUTIFUL DAY OUTSIDE