Startseite Farbpaletten OneBit Adventure Sunrise

OneBit Adventure Sunrise

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

Zurück zur Bibliothek

OneBit Adventure Sunrise

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär software

Likes 25

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #1E1832;
  --c-vibrant-2: #CA3038;
  --c-vibrant-3: #DE6A37;
  --c-vibrant-4: #FEAF38;
  --c-vibrant-5: #FFE598;
  --c-vibrant-6: #4B5BAB;
  --c-vibrant-7: #FF6B97;
  --c-vibrant-8: #CFFF70;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Honeydew Peel (#CFFF70) bis zum dunkelsten Ton Dark Knight (#1E1832). Sie vereint Dark Knight, Madder Lake, Sorbus, Pieces of Eight, Chilled Lemonade, Chinese Bellflower, French Pink und Honeydew Peel in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1E1832 auf #CFFF70 mit 14,77:1.

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

Farben im Detail

Dark Knight #1E1832

RGB: rgb(30, 24, 50)
HSL: hsl(254, 35%, 15%)
Luminanz: 0,012

Madder Lake #CA3038

RGB: rgb(202, 48, 56)
HSL: hsl(357, 62%, 49%)
Luminanz: 0,150

Sorbus #DE6A37

RGB: rgb(222, 106, 55)
HSL: hsl(18, 72%, 54%)
Luminanz: 0,261

Pieces of Eight #FEAF38

RGB: rgb(254, 175, 56)
HSL: hsl(36, 99%, 61%)
Luminanz: 0,520

Chilled Lemonade #FFE598

RGB: rgb(255, 229, 152)
HSL: hsl(45, 100%, 80%)
Luminanz: 0,796

Chinese Bellflower #4B5BAB

RGB: rgb(75, 91, 171)
HSL: hsl(230, 39%, 48%)
Luminanz: 0,119

French Pink #FF6B97

RGB: rgb(255, 107, 151)
HSL: hsl(342, 100%, 71%)
Luminanz: 0,340

Honeydew Peel #CFFF70

RGB: rgb(207, 255, 112)
HSL: hsl(80, 100%, 72%)
Luminanz: 0,860

Kontrast & Barrierefreiheit

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

Aa #1E1832 auf #CFFF70 14,77:1 AAA

Aa #1E1832 auf #FFE598 13,73:1 AAA

Aa #1E1832 auf #FEAF38 9,26:1 AAA

Aa #1E1832 auf #FF6B97 6,33:1 AA

Aa #4B5BAB auf #CFFF70 5,38:1 AA

Aa #1E1832 auf #DE6A37 5,05:1 AA

Aa #FFE598 auf #4B5BAB 5,00:1 AA

Aa #CA3038 auf #CFFF70 4,56:1 AA

Aa #CA3038 auf #FFE598 4,24:1 AA (großer Text)

Aa #FEAF38 auf #4B5BAB 3,37:1 AA (großer Text)

Aa #1E1832 auf #CA3038 3,24:1 AA (großer Text)

Aa #DE6A37 auf #CFFF70 2,92:1 Nicht bestanden

Aa #CA3038 auf #FEAF38 2,86:1 Nicht bestanden

Aa #1E1832 auf #4B5BAB 2,75:1 Nicht bestanden

Aa #DE6A37 auf #FFE598 2,72:1 Nicht bestanden

Aa #FF6B97 auf #CFFF70 2,33:1 Nicht bestanden

Aa #4B5BAB auf #FF6B97 2,31:1 Nicht bestanden

Aa #FFE598 auf #FF6B97 2,17:1 Nicht bestanden

Aa #CA3038 auf #FF6B97 1,95:1 Nicht bestanden

Aa #DE6A37 auf #4B5BAB 1,84:1 Nicht bestanden

Aa #DE6A37 auf #FEAF38 1,83:1 Nicht bestanden

Aa #FEAF38 auf #CFFF70 1,60:1 Nicht bestanden

Aa #CA3038 auf #DE6A37 1,56:1 Nicht bestanden

Aa #FEAF38 auf #FFE598 1,48:1 Nicht bestanden

Aa #FEAF38 auf #FF6B97 1,46:1 Nicht bestanden

Aa #DE6A37 auf #FF6B97 1,25:1 Nicht bestanden

Aa #CA3038 auf #4B5BAB 1,18:1 Nicht bestanden

Aa #FFE598 auf #CFFF70 1,08:1 Nicht bestanden

OneBit Adventure Sunrise