Registrieren Registrieren
Channel F Reborn

Channel F Reborn

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Channel F Reborn

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Lebendig 8 Farben Kühl Gemischt Komplementär 70s
Likes 15
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #A6A6C4;
  --c-vibrant-2: #28283E;
  --c-vibrant-3: #63FCBE;
  --c-vibrant-4: #9595F7;
  --c-vibrant-5: #FFFFD9;
  --c-vibrant-6: #FF4F84;
  --c-vibrant-7: #048007;
  --c-vibrant-8: #4975F5;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Sun City (#FFFFD9) bis zum dunkelsten Ton Spinel Stone Black (#28283E). Sie vereint Wisteria Light Soft Blue, Spinel Stone Black, Ineffable Green, Periwinkle Blue, Sun City, Warm Pink, Ao und Blue Öyster Cult in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #28283E auf #FFFFD9 mit 14,05:1.

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

Farben im Detail

Wisteria Light Soft Blue #A6A6C4
RGB
rgb(166, 166, 196)
HSL
hsl(240, 20%, 71%)
Luminanz
0,394
Spinel Stone Black #28283E
RGB
rgb(40, 40, 62)
HSL
hsl(240, 22%, 20%)
Luminanz
0,023
Ineffable Green #63FCBE
RGB
rgb(99, 252, 190)
HSL
hsl(156, 96%, 69%)
Luminanz
0,760
Periwinkle Blue #9595F7
RGB
rgb(149, 149, 247)
HSL
hsl(240, 86%, 78%)
Luminanz
0,346
Sun City #FFFFD9
RGB
rgb(255, 255, 217)
HSL
hsl(60, 100%, 93%)
Luminanz
0,978
Warm Pink #FF4F84
RGB
rgb(255, 79, 132)
HSL
hsl(342, 100%, 65%)
Luminanz
0,285
Ao #048007
RGB
rgb(4, 128, 7)
HSL
hsl(121, 94%, 26%)
Luminanz
0,155
Blue Öyster Cult #4975F5
RGB
rgb(73, 117, 245)
HSL
hsl(225, 90%, 62%)
Luminanz
0,207

Kontrast & Barrierefreiheit

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

Aa #28283E auf #FFFFD9 14,05:1 AAA
Aa #28283E auf #63FCBE 11,07:1 AAA
Aa #A6A6C4 auf #28283E 6,06:1 AA
Aa #28283E auf #9595F7 5,41:1 AA
Aa #FFFFD9 auf #048007 5,02:1 AA
Aa #28283E auf #FF4F84 4,58:1 AA
Aa #FFFFD9 auf #4975F5 3,99:1 AA (großer Text)
Aa #63FCBE auf #048007 3,95:1 AA (großer Text)
Aa #28283E auf #4975F5 3,52:1 AA (großer Text)
Aa #63FCBE auf #4975F5 3,15:1 AA (großer Text)
Aa #FFFFD9 auf #FF4F84 3,07:1 AA (großer Text)
Aa #28283E auf #048007 2,80:1 Nicht bestanden
Aa #9595F7 auf #FFFFD9 2,60:1 Nicht bestanden
Aa #63FCBE auf #FF4F84 2,42:1 Nicht bestanden
Aa #A6A6C4 auf #FFFFD9 2,32:1 Nicht bestanden
Aa #A6A6C4 auf #048007 2,17:1 Nicht bestanden
Aa #63FCBE auf #9595F7 2,05:1 Nicht bestanden
Aa #9595F7 auf #048007 1,93:1 Nicht bestanden
Aa #A6A6C4 auf #63FCBE 1,83:1 Nicht bestanden
Aa #A6A6C4 auf #4975F5 1,72:1 Nicht bestanden
Aa #FF4F84 auf #048007 1,64:1 Nicht bestanden
Aa #9595F7 auf #4975F5 1,54:1 Nicht bestanden
Aa #A6A6C4 auf #FF4F84 1,32:1 Nicht bestanden
Aa #FF4F84 auf #4975F5 1,30:1 Nicht bestanden
Aa #63FCBE auf #FFFFD9 1,27:1 Nicht bestanden
Aa #048007 auf #4975F5 1,26:1 Nicht bestanden
Aa #9595F7 auf #FF4F84 1,18:1 Nicht bestanden
Aa #A6A6C4 auf #9595F7 1,12:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben