Registrieren Registrieren
Posca 12

Posca 12

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Posca 12

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Lebendig 12 Farben Warm Gemischt Komplementär retro smallpalette
Likes 5
Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #FFFFFF;
  --c-vibrant-2: #959298;
  --c-vibrant-3: #000001;
  --c-vibrant-4: #FED288;
  --c-vibrant-5: #80471F;
  --c-vibrant-6: #FFED00;
  --c-vibrant-7: #9F0000;
  --c-vibrant-8: #62C314;
  --c-vibrant-9: #024001;
  --c-vibrant-10: #4BB4FF;
  --c-vibrant-11: #1827E6;
  --c-vibrant-12: #FF77F7;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000001). Sie vereint White, Fighter Jet, Black, Oberon, Russet, Sailor Moon, Cacodemon Red, Irish Jig, Woodland Grass, Glitter Lake, Bluebonnet und Fuchsia Pink in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 22 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #000001 mit 20,99:1.

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

Farben im Detail

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminanz
1,000
Fighter Jet #959298
RGB
rgb(149, 146, 152)
HSL
hsl(270, 3%, 58%)
Luminanz
0,292
Black #000001
RGB
rgb(0, 0, 1)
HSL
hsl(240, 100%, 0%)
Luminanz
0,000
Oberon #FED288
RGB
rgb(254, 210, 136)
HSL
hsl(38, 98%, 76%)
Luminanz
0,689
Russet #80471F
RGB
rgb(128, 71, 31)
HSL
hsl(25, 61%, 31%)
Luminanz
0,092
Sailor Moon #FFED00
RGB
rgb(255, 237, 0)
HSL
hsl(56, 100%, 50%)
Luminanz
0,818
Cacodemon Red #9F0000
RGB
rgb(159, 0, 0)
HSL
hsl(0, 100%, 31%)
Luminanz
0,074
Irish Jig #62C314
RGB
rgb(98, 195, 20)
HSL
hsl(93, 81%, 42%)
Luminanz
0,417
Woodland Grass #024001
RGB
rgb(2, 64, 1)
HSL
hsl(119, 97%, 13%)
Luminanz
0,037
Glitter Lake #4BB4FF
RGB
rgb(75, 180, 255)
HSL
hsl(205, 100%, 65%)
Luminanz
0,414
Bluebonnet #1827E6
RGB
rgb(24, 39, 230)
HSL
hsl(236, 81%, 50%)
Luminanz
0,074
Fuchsia Pink #FF77F7
RGB
rgb(255, 119, 247)
HSL
hsl(304, 100%, 73%)
Luminanz
0,412

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #000001 20,99:1 AAA
Aa #000001 auf #FFED00 17,36:1 AAA
Aa #000001 auf #FED288 14,78:1 AAA
Aa #FFFFFF auf #024001 12,09:1 AAA
Aa #FFED00 auf #024001 10,00:1 AAA
Aa #000001 auf #62C314 9,33:1 AAA
Aa #000001 auf #4BB4FF 9,27:1 AAA
Aa #000001 auf #FF77F7 9,23:1 AAA
Aa #FED288 auf #024001 8,52:1 AAA
Aa #FFFFFF auf #1827E6 8,50:1 AAA
Aa #FFFFFF auf #9F0000 8,49:1 AAA
Aa #FFFFFF auf #80471F 7,40:1 AAA
Aa #FFED00 auf #1827E6 7,03:1 AAA
Aa #FFED00 auf #9F0000 7,02:1 AAA
Aa #959298 auf #000001 6,84:1 AA
Aa #80471F auf #FFED00 6,12:1 AA
Aa #FED288 auf #9F0000 5,98:1 AA
Aa #FED288 auf #1827E6 5,98:1 AA
Aa #62C314 auf #024001 5,38:1 AA
Aa #024001 auf #4BB4FF 5,34:1 AA
Aa #024001 auf #FF77F7 5,32:1 AA
Aa #FED288 auf #80471F 5,21:1 AA
Aa #959298 auf #024001 3,94:1 AA (großer Text)
Aa #62C314 auf #1827E6 3,78:1 AA (großer Text)
Aa #9F0000 auf #62C314 3,77:1 AA (großer Text)
Aa #9F0000 auf #4BB4FF 3,75:1 AA (großer Text)
Aa #4BB4FF auf #1827E6 3,75:1 AA (großer Text)
Aa #1827E6 auf #FF77F7 3,74:1 AA (großer Text)
Aa #9F0000 auf #FF77F7 3,73:1 AA (großer Text)
Aa #80471F auf #62C314 3,29:1 AA (großer Text)
Aa #80471F auf #4BB4FF 3,27:1 AA (großer Text)
Aa #80471F auf #FF77F7 3,25:1 AA (großer Text)
Aa #FFFFFF auf #959298 3,07:1 AA (großer Text)
Aa #000001 auf #80471F 2,84:1 Nicht bestanden
Aa #959298 auf #9F0000 2,77:1 Nicht bestanden
Aa #959298 auf #1827E6 2,77:1 Nicht bestanden
Aa #959298 auf #FFED00 2,54:1 Nicht bestanden
Aa #000001 auf #9F0000 2,47:1 Nicht bestanden
Aa #000001 auf #1827E6 2,47:1 Nicht bestanden
Aa #959298 auf #80471F 2,41:1 Nicht bestanden
Aa #FFFFFF auf #FF77F7 2,27:1 Nicht bestanden
Aa #FFFFFF auf #4BB4FF 2,26:1 Nicht bestanden
Aa #FFFFFF auf #62C314 2,25:1 Nicht bestanden
Aa #959298 auf #FED288 2,16:1 Nicht bestanden
Aa #FFED00 auf #FF77F7 1,88:1 Nicht bestanden
Aa #FFED00 auf #4BB4FF 1,87:1 Nicht bestanden
Aa #FFED00 auf #62C314 1,86:1 Nicht bestanden
Aa #000001 auf #024001 1,74:1 Nicht bestanden
Aa #80471F auf #024001 1,63:1 Nicht bestanden
Aa #FED288 auf #FF77F7 1,60:1 Nicht bestanden
Aa #FED288 auf #4BB4FF 1,59:1 Nicht bestanden
Aa #FED288 auf #62C314 1,58:1 Nicht bestanden
Aa #FFFFFF auf #FED288 1,42:1 Nicht bestanden
Aa #9F0000 auf #024001 1,42:1 Nicht bestanden
Aa #024001 auf #1827E6 1,42:1 Nicht bestanden
Aa #959298 auf #62C314 1,36:1 Nicht bestanden
Aa #959298 auf #4BB4FF 1,35:1 Nicht bestanden
Aa #959298 auf #FF77F7 1,35:1 Nicht bestanden
Aa #FFFFFF auf #FFED00 1,21:1 Nicht bestanden
Aa #FED288 auf #FFED00 1,17:1 Nicht bestanden
Aa #80471F auf #9F0000 1,15:1 Nicht bestanden
Aa #80471F auf #1827E6 1,15:1 Nicht bestanden
Aa #62C314 auf #4BB4FF 1,01:1 Nicht bestanden
Aa #62C314 auf #FF77F7 1,01:1 Nicht bestanden
Aa #9F0000 auf #1827E6 1,00:1 Nicht bestanden
Aa #4BB4FF auf #FF77F7 1,00:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben