GODBLOOD8

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

GODBLOOD8

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 8 Farben Kühl Gemischt Triadisch green blue hueshift godblood

Likes 53

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #000511;
  --c-vibrant-2: #051233;
  --c-vibrant-3: #122A5E;
  --c-vibrant-4: #15526B;
  --c-vibrant-5: #227A7A;
  --c-vibrant-6: #38BA8B;
  --c-vibrant-7: #55FF79;
  --c-vibrant-8: #C5FF8C;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Light Yellowish Green (#C5FF8C) bis zum dunkelsten Ton Broken Tube (#000511). Sie vereint Broken Tube, Squid’s Ink, Schiava Blue, Corsair, Elm, Aztec Jade, Experimintal Green und Light Yellowish Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000511 auf #C5FF8C mit 17,53:1.

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

Farben im Detail

Broken Tube #000511

RGB: rgb(0, 5, 17)
HSL: hsl(222, 100%, 3%)
Luminanz: 0,002

Squid’s Ink #051233

RGB: rgb(5, 18, 51)
HSL: hsl(223, 82%, 11%)
Luminanz: 0,007

Schiava Blue #122A5E

RGB: rgb(18, 42, 94)
HSL: hsl(221, 68%, 22%)
Luminanz: 0,026

Corsair #15526B

RGB: rgb(21, 82, 107)
HSL: hsl(197, 67%, 25%)
Luminanz: 0,073

Elm #227A7A

RGB: rgb(34, 122, 122)
HSL: hsl(180, 56%, 31%)
Luminanz: 0,157

Aztec Jade #38BA8B

RGB: rgb(56, 186, 139)
HSL: hsl(158, 54%, 47%)
Luminanz: 0,378

Experimintal Green #55FF79

RGB: rgb(85, 255, 121)
HSL: hsl(133, 100%, 67%)
Luminanz: 0,748

Light Yellowish Green #C5FF8C

RGB: rgb(197, 255, 140)
HSL: hsl(90, 100%, 77%)
Luminanz: 0,853

Kontrast & Barrierefreiheit

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

Aa #000511 auf #C5FF8C 17,53:1 AAA

Aa #051233 auf #C5FF8C 15,83:1 AAA

Aa #000511 auf #55FF79 15,50:1 AAA

Aa #051233 auf #55FF79 14,00:1 AAA

Aa #122A5E auf #C5FF8C 11,89:1 AAA

Aa #122A5E auf #55FF79 10,51:1 AAA

Aa #000511 auf #38BA8B 8,32:1 AAA

Aa #051233 auf #38BA8B 7,51:1 AAA

Aa #15526B auf #C5FF8C 7,37:1 AAA

Aa #15526B auf #55FF79 6,51:1 AA

Aa #122A5E auf #38BA8B 5,64:1 AA

Aa #227A7A auf #C5FF8C 4,37:1 AA (großer Text)

Aa #000511 auf #227A7A 4,01:1 AA (großer Text)

Aa #227A7A auf #55FF79 3,86:1 AA (großer Text)

Aa #051233 auf #227A7A 3,62:1 AA (großer Text)

Aa #15526B auf #38BA8B 3,49:1 AA (großer Text)

Aa #122A5E auf #227A7A 2,72:1 Nicht bestanden

Aa #000511 auf #15526B 2,38:1 Nicht bestanden

Aa #051233 auf #15526B 2,15:1 Nicht bestanden

Aa #38BA8B auf #C5FF8C 2,11:1 Nicht bestanden

Aa #227A7A auf #38BA8B 2,07:1 Nicht bestanden

Aa #38BA8B auf #55FF79 1,86:1 Nicht bestanden

Aa #15526B auf #227A7A 1,69:1 Nicht bestanden

Aa #122A5E auf #15526B 1,61:1 Nicht bestanden

Aa #000511 auf #122A5E 1,47:1 Nicht bestanden

Aa #051233 auf #122A5E 1,33:1 Nicht bestanden

Aa #55FF79 auf #C5FF8C 1,13:1 Nicht bestanden

Aa #000511 auf #051233 1,11:1 Nicht bestanden

GODBLOOD8

GODBLOOD8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen