Registrieren Registrieren
Robot Masters

Robot Masters

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

Zurück zur Bibliothek

Robot Masters

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

Bearbeiten
Lebendig 8 Farben Kühl Gemischt Komplementär pixelart green pink blue
Likes 29
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #EFEAC3;
  --c-vibrant-2: #A7D354;
  --c-vibrant-3: #42C39D;
  --c-vibrant-4: #258B73;
  --c-vibrant-5: #D14471;
  --c-vibrant-6: #7C2D97;
  --c-vibrant-7: #19397D;
  --c-vibrant-8: #0A0A4B;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Pineapple Cream (#EFEAC3) bis zum dunkelsten Ton Silent Twilight (#0A0A4B). Sie vereint Pineapple Cream, Young Green Onion, Macau, Palm Springs Splash, Rubber Band, Skeletor’s Cape, Surf the Web und Silent Twilight 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 #EFEAC3 auf #0A0A4B mit 14,88:1.

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

Farben im Detail

Pineapple Cream #EFEAC3
RGB
rgb(239, 234, 195)
HSL
hsl(53, 58%, 85%)
Luminanz
0,811
Young Green Onion #A7D354
RGB
rgb(167, 211, 84)
HSL
hsl(81, 59%, 58%)
Luminanz
0,554
Macau #42C39D
RGB
rgb(66, 195, 157)
HSL
hsl(162, 52%, 51%)
Luminanz
0,426
Palm Springs Splash #258B73
RGB
rgb(37, 139, 115)
HSL
hsl(166, 58%, 35%)
Luminanz
0,201
Rubber Band #D14471
RGB
rgb(209, 68, 113)
HSL
hsl(341, 61%, 54%)
Luminanz
0,189
Skeletor’s Cape #7C2D97
RGB
rgb(124, 45, 151)
HSL
hsl(285, 54%, 38%)
Luminanz
0,084
Surf the Web #19397D
RGB
rgb(25, 57, 125)
HSL
hsl(221, 67%, 29%)
Luminanz
0,046
Silent Twilight #0A0A4B
RGB
rgb(10, 10, 75)
HSL
hsl(240, 76%, 17%)
Luminanz
0,008

Kontrast & Barrierefreiheit

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

Aa #EFEAC3 auf #0A0A4B 14,88:1 AAA
Aa #A7D354 auf #0A0A4B 10,44:1 AAA
Aa #EFEAC3 auf #19397D 8,96:1 AAA
Aa #42C39D auf #0A0A4B 8,23:1 AAA
Aa #EFEAC3 auf #7C2D97 6,43:1 AA
Aa #A7D354 auf #19397D 6,29:1 AA
Aa #42C39D auf #19397D 4,95:1 AA
Aa #A7D354 auf #7C2D97 4,51:1 AA
Aa #258B73 auf #0A0A4B 4,33:1 AA (großer Text)
Aa #D14471 auf #0A0A4B 4,12:1 AA (großer Text)
Aa #EFEAC3 auf #D14471 3,61:1 AA (großer Text)
Aa #42C39D auf #7C2D97 3,55:1 AA (großer Text)
Aa #EFEAC3 auf #258B73 3,43:1 AA (großer Text)
Aa #258B73 auf #19397D 2,61:1 Nicht bestanden
Aa #A7D354 auf #D14471 2,53:1 Nicht bestanden
Aa #D14471 auf #19397D 2,48:1 Nicht bestanden
Aa #A7D354 auf #258B73 2,41:1 Nicht bestanden
Aa #7C2D97 auf #0A0A4B 2,31:1 Nicht bestanden
Aa #42C39D auf #D14471 1,99:1 Nicht bestanden
Aa #42C39D auf #258B73 1,90:1 Nicht bestanden
Aa #258B73 auf #7C2D97 1,87:1 Nicht bestanden
Aa #EFEAC3 auf #42C39D 1,81:1 Nicht bestanden
Aa #D14471 auf #7C2D97 1,78:1 Nicht bestanden
Aa #19397D auf #0A0A4B 1,66:1 Nicht bestanden
Aa #EFEAC3 auf #A7D354 1,43:1 Nicht bestanden
Aa #7C2D97 auf #19397D 1,39:1 Nicht bestanden
Aa #A7D354 auf #42C39D 1,27:1 Nicht bestanden
Aa #258B73 auf #D14471 1,05: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