Registrieren Registrieren
SeasonOfWishes

SeasonOfWishes

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

Zurück zur Bibliothek

SeasonOfWishes

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

Bearbeiten
Lebendig 12 Farben Kühl Gemischt Komplementär sky stars christmas tree
Likes 21
Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #001E3D;
  --c-vibrant-2: #005C66;
  --c-vibrant-3: #22AB80;
  --c-vibrant-4: #7DFFD4;
  --c-vibrant-5: #A1411B;
  --c-vibrant-6: #DE9A26;
  --c-vibrant-7: #FFC68C;
  --c-vibrant-8: #E6FFF7;
  --c-vibrant-9: #3B001F;
  --c-vibrant-10: #5C1515;
  --c-vibrant-11: #A62121;
  --c-vibrant-12: #FF443B;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton Mint Chiffon (#E6FFF7) bis zum dunkelsten Ton Vienna Roast (#3B001F). Sie vereint Midnight Mirage, Egyptian Enamel, Crayola Green, Hiroshima Aquamarine, Hot Brown, Tiger King, Bundaberg Sand, Mint Chiffon, Vienna Roast, Philippine Brown, Red Menace und Red Coral in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 25 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E6FFF7 auf #3B001F mit 16,6:1.

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

Farben im Detail

Midnight Mirage #001E3D
RGB
rgb(0, 30, 61)
HSL
hsl(210, 100%, 12%)
Luminanz
0,013
Egyptian Enamel #005C66
RGB
rgb(0, 92, 102)
HSL
hsl(186, 100%, 20%)
Luminanz
0,086
Crayola Green #22AB80
RGB
rgb(34, 171, 128)
HSL
hsl(161, 67%, 40%)
Luminanz
0,310
Hiroshima Aquamarine #7DFFD4
RGB
rgb(125, 255, 212)
HSL
hsl(160, 100%, 75%)
Luminanz
0,806
Hot Brown #A1411B
RGB
rgb(161, 65, 27)
HSL
hsl(17, 71%, 37%)
Luminanz
0,114
Tiger King #DE9A26
RGB
rgb(222, 154, 38)
HSL
hsl(38, 74%, 51%)
Luminanz
0,388
Bundaberg Sand #FFC68C
RGB
rgb(255, 198, 140)
HSL
hsl(30, 100%, 77%)
Luminanz
0,635
Mint Chiffon #E6FFF7
RGB
rgb(230, 255, 247)
HSL
hsl(161, 100%, 95%)
Luminanz
0,951
Vienna Roast #3B001F
RGB
rgb(59, 0, 31)
HSL
hsl(328, 100%, 12%)
Luminanz
0,010
Philippine Brown #5C1515
RGB
rgb(92, 21, 21)
HSL
hsl(0, 63%, 22%)
Luminanz
0,029
Red Menace #A62121
RGB
rgb(166, 33, 33)
HSL
hsl(0, 67%, 39%)
Luminanz
0,093
Red Coral #FF443B
RGB
rgb(255, 68, 59)
HSL
hsl(3, 100%, 62%)
Luminanz
0,257

Kontrast & Barrierefreiheit

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

Aa #E6FFF7 auf #3B001F 16,60:1 AAA
Aa #001E3D auf #E6FFF7 15,97:1 AAA
Aa #7DFFD4 auf #3B001F 14,20:1 AAA
Aa #001E3D auf #7DFFD4 13,67:1 AAA
Aa #E6FFF7 auf #5C1515 12,72:1 AAA
Aa #FFC68C auf #3B001F 11,37:1 AAA
Aa #001E3D auf #FFC68C 10,94:1 AAA
Aa #7DFFD4 auf #5C1515 10,89:1 AAA
Aa #FFC68C auf #5C1515 8,71:1 AAA
Aa #005C66 auf #E6FFF7 7,35:1 AAA
Aa #DE9A26 auf #3B001F 7,26:1 AAA
Aa #001E3D auf #DE9A26 6,99:1 AA
Aa #E6FFF7 auf #A62121 6,99:1 AA
Aa #005C66 auf #7DFFD4 6,29:1 AA
Aa #A1411B auf #E6FFF7 6,09:1 AA
Aa #7DFFD4 auf #A62121 5,99:1 AA
Aa #22AB80 auf #3B001F 5,98:1 AA
Aa #001E3D auf #22AB80 5,75:1 AA
Aa #DE9A26 auf #5C1515 5,57:1 AA
Aa #7DFFD4 auf #A1411B 5,21:1 AA
Aa #3B001F auf #FF443B 5,09:1 AA
Aa #005C66 auf #FFC68C 5,03:1 AA
Aa #001E3D auf #FF443B 4,90:1 AA
Aa #FFC68C auf #A62121 4,79:1 AA
Aa #22AB80 auf #5C1515 4,58:1 AA
Aa #A1411B auf #FFC68C 4,17:1 AA (großer Text)
Aa #5C1515 auf #FF443B 3,90:1 AA (großer Text)
Aa #E6FFF7 auf #FF443B 3,26:1 AA (großer Text)
Aa #005C66 auf #DE9A26 3,22:1 AA (großer Text)
Aa #DE9A26 auf #A62121 3,06:1 AA (großer Text)
Aa #7DFFD4 auf #FF443B 2,79:1 Nicht bestanden
Aa #22AB80 auf #E6FFF7 2,78:1 Nicht bestanden
Aa #A1411B auf #3B001F 2,73:1 Nicht bestanden
Aa #A1411B auf #DE9A26 2,66:1 Nicht bestanden
Aa #005C66 auf #22AB80 2,65:1 Nicht bestanden
Aa #001E3D auf #A1411B 2,62:1 Nicht bestanden
Aa #22AB80 auf #A62121 2,52:1 Nicht bestanden
Aa #22AB80 auf #7DFFD4 2,38:1 Nicht bestanden
Aa #3B001F auf #A62121 2,37:1 Nicht bestanden
Aa #DE9A26 auf #E6FFF7 2,29:1 Nicht bestanden
Aa #001E3D auf #A62121 2,28:1 Nicht bestanden
Aa #005C66 auf #3B001F 2,26:1 Nicht bestanden
Aa #005C66 auf #FF443B 2,26:1 Nicht bestanden
Aa #FFC68C auf #FF443B 2,23:1 Nicht bestanden
Aa #22AB80 auf #A1411B 2,19:1 Nicht bestanden
Aa #001E3D auf #005C66 2,17:1 Nicht bestanden
Aa #A62121 auf #FF443B 2,15:1 Nicht bestanden
Aa #A1411B auf #5C1515 2,09:1 Nicht bestanden
Aa #7DFFD4 auf #DE9A26 1,96:1 Nicht bestanden
Aa #22AB80 auf #FFC68C 1,90:1 Nicht bestanden
Aa #A1411B auf #FF443B 1,87:1 Nicht bestanden
Aa #5C1515 auf #A62121 1,82:1 Nicht bestanden
Aa #005C66 auf #5C1515 1,73:1 Nicht bestanden
Aa #DE9A26 auf #FFC68C 1,57:1 Nicht bestanden
Aa #FFC68C auf #E6FFF7 1,46:1 Nicht bestanden
Aa #DE9A26 auf #FF443B 1,43:1 Nicht bestanden
Aa #3B001F auf #5C1515 1,30:1 Nicht bestanden
Aa #001E3D auf #5C1515 1,26:1 Nicht bestanden
Aa #7DFFD4 auf #FFC68C 1,25:1 Nicht bestanden
Aa #22AB80 auf #DE9A26 1,22:1 Nicht bestanden
Aa #005C66 auf #A1411B 1,21:1 Nicht bestanden
Aa #22AB80 auf #FF443B 1,17:1 Nicht bestanden
Aa #7DFFD4 auf #E6FFF7 1,17:1 Nicht bestanden
Aa #A1411B auf #A62121 1,15:1 Nicht bestanden
Aa #005C66 auf #A62121 1,05:1 Nicht bestanden
Aa #001E3D auf #3B001F 1,04: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