Startseite Farbpaletten Android Screenshot Editor

Android Screenshot Editor

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

Zurück zur Bibliothek

Android Screenshot Editor

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

Bearbeiten

Lebendig 7 Farben Warm Gemischt Komplementär technical googlepixel android

Likes 21

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #010101;
  --c-vibrant-2: #FE5253;
  --c-vibrant-3: #FFC500;
  --c-vibrant-4: #00E776;
  --c-vibrant-5: #00B0FE;
  --c-vibrant-6: #D400F8;
  --c-vibrant-7: #FAFAFA;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Dr. White (#FAFAFA) bis zum dunkelsten Ton Binary Black (#010101). Sie vereint Binary Black, Fluorescent Red, Citrus Splash, Tealish Green, Krishna Blue, Electric Orchid und Dr. White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #010101 auf #FAFAFA mit 20:1.

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

Farben im Detail

Binary Black #010101

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

Fluorescent Red #FE5253

RGB: rgb(254, 82, 83)
HSL: hsl(360, 99%, 66%)
Luminanz: 0,277

Citrus Splash #FFC500

RGB: rgb(255, 197, 0)
HSL: hsl(46, 100%, 50%)
Luminanz: 0,612

Tealish Green #00E776

RGB: rgb(0, 231, 118)
HSL: hsl(151, 100%, 45%)
Luminanz: 0,585

Krishna Blue #00B0FE

RGB: rgb(0, 176, 254)
HSL: hsl(198, 100%, 50%)
Luminanz: 0,382

Electric Orchid #D400F8

RGB: rgb(212, 0, 248)
HSL: hsl(291, 100%, 49%)
Luminanz: 0,208

Dr. White #FAFAFA

RGB: rgb(250, 250, 250)
HSL: hsl(0, 0%, 98%)
Luminanz: 0,956

Kontrast & Barrierefreiheit

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

Aa #010101 auf #FAFAFA 20,00:1 AAA

Aa #010101 auf #FFC500 13,16:1 AAA

Aa #010101 auf #00E776 12,62:1 AAA

Aa #010101 auf #00B0FE 8,59:1 AAA

Aa #010101 auf #FE5253 6,51:1 AA

Aa #010101 auf #D400F8 5,12:1 AA

Aa #D400F8 auf #FAFAFA 3,90:1 AA (großer Text)

Aa #FE5253 auf #FAFAFA 3,07:1 AA (großer Text)

Aa #FFC500 auf #D400F8 2,57:1 Nicht bestanden

Aa #00E776 auf #D400F8 2,46:1 Nicht bestanden

Aa #00B0FE auf #FAFAFA 2,33:1 Nicht bestanden

Aa #FE5253 auf #FFC500 2,02:1 Nicht bestanden

Aa #FE5253 auf #00E776 1,94:1 Nicht bestanden

Aa #00B0FE auf #D400F8 1,68:1 Nicht bestanden

Aa #00E776 auf #FAFAFA 1,59:1 Nicht bestanden

Aa #FFC500 auf #00B0FE 1,53:1 Nicht bestanden

Aa #FFC500 auf #FAFAFA 1,52:1 Nicht bestanden

Aa #00E776 auf #00B0FE 1,47:1 Nicht bestanden

Aa #FE5253 auf #00B0FE 1,32:1 Nicht bestanden

Aa #FE5253 auf #D400F8 1,27:1 Nicht bestanden

Aa #FFC500 auf #00E776 1,04:1 Nicht bestanden

Android Screenshot Editor