Registrieren Registrieren
Super Ink

Super Ink

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

Zurück zur Bibliothek

Super Ink

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

Bearbeiten
Gedeckt 12 Farben Kühl Gemischt Komplementär ink septemberstudypalettecontest inking
Likes 50
Farben 12

CSS-Variablen

:root {
  --c-muted-1: #F3F2F0;
  --c-muted-2: #A9B1B6;
  --c-muted-3: #46464A;
  --c-muted-4: #08080A;
  --c-muted-5: #6F7DB2;
  --c-muted-6: #577D77;
  --c-muted-7: #8CC759;
  --c-muted-8: #EAB543;
  --c-muted-9: #E3C7B0;
  --c-muted-10: #F4938C;
  --c-muted-11: #C8775C;
  --c-muted-12: #A4465A;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Bleached Silk (#F3F2F0) bis zum dunkelsten Ton Reversed Grey (#08080A). Sie vereint Bleached Silk, Cistern, Midnight Magic, Reversed Grey, Marvellous, Green Hour, Vivid Spring, Honey Glow, Cockleshell, Bierwurst, Gold Pheasant und Rose Laffy Taffy in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F3F2F0 auf #08080A mit 17,89:1.

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

Farben im Detail

Bleached Silk #F3F2F0
RGB
rgb(243, 242, 240)
HSL
hsl(40, 11%, 95%)
Luminanz
0,889
Cistern #A9B1B6
RGB
rgb(169, 177, 182)
HSL
hsl(203, 8%, 69%)
Luminanz
0,433
Midnight Magic #46464A
RGB
rgb(70, 70, 74)
HSL
hsl(240, 3%, 28%)
Luminanz
0,062
Reversed Grey #08080A
RGB
rgb(8, 8, 10)
HSL
hsl(240, 11%, 4%)
Luminanz
0,003
Marvellous #6F7DB2
RGB
rgb(111, 125, 178)
HSL
hsl(227, 30%, 57%)
Luminanz
0,213
Green Hour #577D77
RGB
rgb(87, 125, 119)
HSL
hsl(171, 18%, 42%)
Luminanz
0,180
Vivid Spring #8CC759
RGB
rgb(140, 199, 89)
HSL
hsl(92, 50%, 56%)
Luminanz
0,471
Honey Glow #EAB543
RGB
rgb(234, 181, 67)
HSL
hsl(41, 80%, 59%)
Luminanz
0,510
Cockleshell #E3C7B0
RGB
rgb(227, 199, 176)
HSL
hsl(27, 48%, 79%)
Luminanz
0,603
Bierwurst #F4938C
RGB
rgb(244, 147, 140)
HSL
hsl(4, 83%, 75%)
Luminanz
0,420
Gold Pheasant #C8775C
RGB
rgb(200, 119, 92)
HSL
hsl(15, 50%, 57%)
Luminanz
0,263
Rose Laffy Taffy #A4465A
RGB
rgb(164, 70, 90)
HSL
hsl(347, 40%, 46%)
Luminanz
0,130

Kontrast & Barrierefreiheit

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

Aa #F3F2F0 auf #08080A 17,89:1 AAA
Aa #08080A auf #E3C7B0 12,45:1 AAA
Aa #08080A auf #EAB543 10,66:1 AAA
Aa #08080A auf #8CC759 9,94:1 AAA
Aa #A9B1B6 auf #08080A 9,20:1 AAA
Aa #08080A auf #F4938C 8,96:1 AAA
Aa #F3F2F0 auf #46464A 8,40:1 AAA
Aa #08080A auf #C8775C 5,95:1 AA
Aa #46464A auf #E3C7B0 5,84:1 AA
Aa #F3F2F0 auf #A4465A 5,21:1 AA
Aa #46464A auf #EAB543 5,01:1 AA
Aa #08080A auf #6F7DB2 5,00:1 AA
Aa #46464A auf #8CC759 4,67:1 AA
Aa #08080A auf #577D77 4,39:1 AA (großer Text)
Aa #A9B1B6 auf #46464A 4,32:1 AA (großer Text)
Aa #46464A auf #F4938C 4,20:1 AA (großer Text)
Aa #F3F2F0 auf #577D77 4,08:1 AA (großer Text)
Aa #E3C7B0 auf #A4465A 3,63:1 AA (großer Text)
Aa #F3F2F0 auf #6F7DB2 3,57:1 AA (großer Text)
Aa #08080A auf #A4465A 3,43:1 AA (großer Text)
Aa #EAB543 auf #A4465A 3,11:1 AA (großer Text)
Aa #F3F2F0 auf #C8775C 3,00:1 AA (großer Text)
Aa #8CC759 auf #A4465A 2,90:1 Nicht bestanden
Aa #577D77 auf #E3C7B0 2,84:1 Nicht bestanden
Aa #46464A auf #C8775C 2,80:1 Nicht bestanden
Aa #A9B1B6 auf #A4465A 2,68:1 Nicht bestanden
Aa #F4938C auf #A4465A 2,61:1 Nicht bestanden
Aa #6F7DB2 auf #E3C7B0 2,49:1 Nicht bestanden
Aa #577D77 auf #EAB543 2,43:1 Nicht bestanden
Aa #46464A auf #6F7DB2 2,35:1 Nicht bestanden
Aa #577D77 auf #8CC759 2,26:1 Nicht bestanden
Aa #46464A auf #08080A 2,13:1 Nicht bestanden
Aa #6F7DB2 auf #EAB543 2,13:1 Nicht bestanden
Aa #A9B1B6 auf #577D77 2,10:1 Nicht bestanden
Aa #E3C7B0 auf #C8775C 2,09:1 Nicht bestanden
Aa #46464A auf #577D77 2,06:1 Nicht bestanden
Aa #577D77 auf #F4938C 2,04:1 Nicht bestanden
Aa #F3F2F0 auf #F4938C 2,00:1 Nicht bestanden
Aa #6F7DB2 auf #8CC759 1,99:1 Nicht bestanden
Aa #F3F2F0 auf #A9B1B6 1,94:1 Nicht bestanden
Aa #A9B1B6 auf #6F7DB2 1,84:1 Nicht bestanden
Aa #F3F2F0 auf #8CC759 1,80:1 Nicht bestanden
Aa #6F7DB2 auf #F4938C 1,79:1 Nicht bestanden
Aa #EAB543 auf #C8775C 1,79:1 Nicht bestanden
Aa #C8775C auf #A4465A 1,73:1 Nicht bestanden
Aa #F3F2F0 auf #EAB543 1,68:1 Nicht bestanden
Aa #8CC759 auf #C8775C 1,67:1 Nicht bestanden
Aa #46464A auf #A4465A 1,61:1 Nicht bestanden
Aa #A9B1B6 auf #C8775C 1,54:1 Nicht bestanden
Aa #F4938C auf #C8775C 1,50:1 Nicht bestanden
Aa #6F7DB2 auf #A4465A 1,46:1 Nicht bestanden
Aa #F3F2F0 auf #E3C7B0 1,44:1 Nicht bestanden
Aa #E3C7B0 auf #F4938C 1,39:1 Nicht bestanden
Aa #577D77 auf #C8775C 1,36:1 Nicht bestanden
Aa #A9B1B6 auf #E3C7B0 1,35:1 Nicht bestanden
Aa #577D77 auf #A4465A 1,28:1 Nicht bestanden
Aa #8CC759 auf #E3C7B0 1,25:1 Nicht bestanden
Aa #6F7DB2 auf #C8775C 1,19:1 Nicht bestanden
Aa #EAB543 auf #F4938C 1,19:1 Nicht bestanden
Aa #EAB543 auf #E3C7B0 1,17:1 Nicht bestanden
Aa #A9B1B6 auf #EAB543 1,16:1 Nicht bestanden
Aa #6F7DB2 auf #577D77 1,14:1 Nicht bestanden
Aa #8CC759 auf #F4938C 1,11:1 Nicht bestanden
Aa #A9B1B6 auf #8CC759 1,08:1 Nicht bestanden
Aa #8CC759 auf #EAB543 1,07:1 Nicht bestanden
Aa #A9B1B6 auf #F4938C 1,03: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