Registrieren Registrieren
Trike 12

Trike 12

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

Zurück zur Bibliothek

Trike 12

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

Bearbeiten
Lebendig 12 Farben Kühl Gemischt Triadisch
Likes 11
Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #000614;
  --c-vibrant-2: #150261;
  --c-vibrant-3: #482980;
  --c-vibrant-4: #5848B3;
  --c-vibrant-5: #8682C7;
  --c-vibrant-6: #C4AFDB;
  --c-vibrant-7: #F596A3;
  --c-vibrant-8: #EB6375;
  --c-vibrant-9: #E32D5B;
  --c-vibrant-10: #C20034;
  --c-vibrant-11: #7D126D;
  --c-vibrant-12: #491157;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton Moonraker (#C4AFDB) bis zum dunkelsten Ton Black Knight (#000614). Sie vereint Black Knight, The Vast of Night, Spanish Violet, Swiss Plum, Faraway Sky, Moonraker, Cherry Foam, Sun-Kissed Coral, Strawberry Mix, Pomodoro, Purple Curse und Shani Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000614 auf #C4AFDB mit 10,14:1.

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

Farben im Detail

Black Knight #000614
RGB
rgb(0, 6, 20)
HSL
hsl(222, 100%, 4%)
Luminanz
0,002
The Vast of Night #150261
RGB
rgb(21, 2, 97)
HSL
hsl(252, 96%, 19%)
Luminanz
0,011
Spanish Violet #482980
RGB
rgb(72, 41, 128)
HSL
hsl(261, 51%, 33%)
Luminanz
0,045
Swiss Plum #5848B3
RGB
rgb(88, 72, 179)
HSL
hsl(249, 43%, 49%)
Luminanz
0,100
Faraway Sky #8682C7
RGB
rgb(134, 130, 199)
HSL
hsl(243, 38%, 65%)
Luminanz
0,252
Moonraker #C4AFDB
RGB
rgb(196, 175, 219)
HSL
hsl(269, 38%, 77%)
Luminanz
0,475
Cherry Foam #F596A3
RGB
rgb(245, 150, 163)
HSL
hsl(352, 83%, 77%)
Luminanz
0,439
Sun-Kissed Coral #EB6375
RGB
rgb(235, 99, 117)
HSL
hsl(352, 77%, 65%)
Luminanz
0,279
Strawberry Mix #E32D5B
RGB
rgb(227, 45, 91)
HSL
hsl(345, 76%, 53%)
Luminanz
0,190
Pomodoro #C20034
RGB
rgb(194, 0, 52)
HSL
hsl(344, 100%, 38%)
Luminanz
0,117
Purple Curse #7D126D
RGB
rgb(125, 18, 109)
HSL
hsl(309, 75%, 28%)
Luminanz
0,059
Shani Purple #491157
RGB
rgb(73, 17, 87)
HSL
hsl(288, 67%, 20%)
Luminanz
0,025

Kontrast & Barrierefreiheit

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

Aa #000614 auf #C4AFDB 10,14:1 AAA
Aa #000614 auf #F596A3 9,43:1 AAA
Aa #150261 auf #C4AFDB 8,66:1 AAA
Aa #150261 auf #F596A3 8,06:1 AAA
Aa #C4AFDB auf #491157 7,00:1 AAA
Aa #F596A3 auf #491157 6,51:1 AA
Aa #000614 auf #EB6375 6,34:1 AA
Aa #000614 auf #8682C7 5,82:1 AA
Aa #482980 auf #C4AFDB 5,51:1 AA
Aa #150261 auf #EB6375 5,42:1 AA
Aa #482980 auf #F596A3 5,13:1 AA
Aa #150261 auf #8682C7 4,97:1 AA
Aa #C4AFDB auf #7D126D 4,82:1 AA
Aa #000614 auf #E32D5B 4,63:1 AA
Aa #F596A3 auf #7D126D 4,48:1 AA (großer Text)
Aa #EB6375 auf #491157 4,38:1 AA (großer Text)
Aa #8682C7 auf #491157 4,02:1 AA (großer Text)
Aa #150261 auf #E32D5B 3,95:1 AA (großer Text)
Aa #5848B3 auf #C4AFDB 3,51:1 AA (großer Text)
Aa #482980 auf #EB6375 3,45:1 AA (großer Text)
Aa #5848B3 auf #F596A3 3,27:1 AA (großer Text)
Aa #000614 auf #C20034 3,23:1 AA (großer Text)
Aa #E32D5B auf #491157 3,19:1 AA (großer Text)
Aa #482980 auf #8682C7 3,17:1 AA (großer Text)
Aa #C4AFDB auf #C20034 3,14:1 AA (großer Text)
Aa #EB6375 auf #7D126D 3,02:1 AA (großer Text)
Aa #F596A3 auf #C20034 2,92:1 Nicht bestanden
Aa #000614 auf #5848B3 2,89:1 Nicht bestanden
Aa #8682C7 auf #7D126D 2,77:1 Nicht bestanden
Aa #150261 auf #C20034 2,76:1 Nicht bestanden
Aa #482980 auf #E32D5B 2,52:1 Nicht bestanden
Aa #150261 auf #5848B3 2,47:1 Nicht bestanden
Aa #C20034 auf #491157 2,23:1 Nicht bestanden
Aa #5848B3 auf #EB6375 2,20:1 Nicht bestanden
Aa #E32D5B auf #7D126D 2,20:1 Nicht bestanden
Aa #C4AFDB auf #E32D5B 2,19:1 Nicht bestanden
Aa #000614 auf #7D126D 2,10:1 Nicht bestanden
Aa #F596A3 auf #E32D5B 2,04:1 Nicht bestanden
Aa #5848B3 auf #8682C7 2,02:1 Nicht bestanden
Aa #5848B3 auf #491157 1,99:1 Nicht bestanden
Aa #EB6375 auf #C20034 1,97:1 Nicht bestanden
Aa #000614 auf #482980 1,84:1 Nicht bestanden
Aa #150261 auf #7D126D 1,80:1 Nicht bestanden
Aa #8682C7 auf #C20034 1,80:1 Nicht bestanden
Aa #482980 auf #C20034 1,76:1 Nicht bestanden
Aa #8682C7 auf #C4AFDB 1,74:1 Nicht bestanden
Aa #8682C7 auf #F596A3 1,62:1 Nicht bestanden
Aa #5848B3 auf #E32D5B 1,60:1 Nicht bestanden
Aa #C4AFDB auf #EB6375 1,60:1 Nicht bestanden
Aa #150261 auf #482980 1,57:1 Nicht bestanden
Aa #482980 auf #5848B3 1,57:1 Nicht bestanden
Aa #C20034 auf #7D126D 1,53:1 Nicht bestanden
Aa #F596A3 auf #EB6375 1,49:1 Nicht bestanden
Aa #000614 auf #491157 1,45:1 Nicht bestanden
Aa #7D126D auf #491157 1,45:1 Nicht bestanden
Aa #E32D5B auf #C20034 1,43:1 Nicht bestanden
Aa #5848B3 auf #7D126D 1,37:1 Nicht bestanden
Aa #EB6375 auf #E32D5B 1,37:1 Nicht bestanden
Aa #482980 auf #491157 1,27:1 Nicht bestanden
Aa #8682C7 auf #E32D5B 1,26:1 Nicht bestanden
Aa #150261 auf #491157 1,24:1 Nicht bestanden
Aa #000614 auf #150261 1,17:1 Nicht bestanden
Aa #482980 auf #7D126D 1,14:1 Nicht bestanden
Aa #5848B3 auf #C20034 1,12:1 Nicht bestanden
Aa #8682C7 auf #EB6375 1,09:1 Nicht bestanden
Aa #C4AFDB auf #F596A3 1,07: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