Paradise.exe

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

Zurück zur Bibliothek

Paradise.exe

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

Bearbeiten

Lebendig 12 Farben Warm Hell Komplementär red blue cold ocean

Likes 61

Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #710042;
  --c-vibrant-2: #AE2850;
  --c-vibrant-3: #E5587B;
  --c-vibrant-4: #EC8DA1;
  --c-vibrant-5: #FBCCDC;
  --c-vibrant-6: #FFFFFF;
  --c-vibrant-7: #95EEF4;
  --c-vibrant-8: #78D3D8;
  --c-vibrant-9: #00B5AE;
  --c-vibrant-10: #017C83;
  --c-vibrant-11: #005465;
  --c-vibrant-12: #000000;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Dawn of the Fairies, Minted Blueberry Lemonade, Highlighter Pink, Wonder Lust, Linnet Egg Red, White, Permafrost, Aruba Blue, Laguna Green, Macquarie, Rainy Morning und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 21 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #000000 mit 21:1.

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

Farben im Detail

Dawn of the Fairies #710042

RGB: rgb(113, 0, 66)
HSL: hsl(325, 100%, 22%)
Luminanz: 0,039

Minted Blueberry Lemonade #AE2850

RGB: rgb(174, 40, 80)
HSL: hsl(342, 63%, 42%)
Luminanz: 0,111

Highlighter Pink #E5587B

RGB: rgb(229, 88, 123)
HSL: hsl(345, 73%, 62%)
Luminanz: 0,251

Wonder Lust #EC8DA1

RGB: rgb(236, 141, 161)
HSL: hsl(347, 71%, 74%)
Luminanz: 0,395

Linnet Egg Red #FBCCDC

RGB: rgb(251, 204, 220)
HSL: hsl(340, 85%, 89%)
Luminanz: 0,689

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Permafrost #95EEF4

RGB: rgb(149, 238, 244)
HSL: hsl(184, 81%, 77%)
Luminanz: 0,741

Aruba Blue #78D3D8

RGB: rgb(120, 211, 216)
HSL: hsl(183, 55%, 66%)
Luminanz: 0,555

Laguna Green #00B5AE

RGB: rgb(0, 181, 174)
HSL: hsl(178, 100%, 35%)
Luminanz: 0,361

Macquarie #017C83

RGB: rgb(1, 124, 131)
HSL: hsl(183, 98%, 26%)
Luminanz: 0,161

Rainy Morning #005465

RGB: rgb(0, 84, 101)
HSL: hsl(190, 100%, 20%)
Luminanz: 0,073

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #000000 21,00:1 AAA

Aa #95EEF4 auf #000000 15,81:1 AAA

Aa #FBCCDC auf #000000 14,77:1 AAA

Aa #78D3D8 auf #000000 12,11:1 AAA

Aa #710042 auf #FFFFFF 11,79:1 AAA

Aa #EC8DA1 auf #000000 8,89:1 AAA

Aa #710042 auf #95EEF4 8,88:1 AAA

Aa #FFFFFF auf #005465 8,55:1 AAA

Aa #710042 auf #FBCCDC 8,30:1 AAA

Aa #00B5AE auf #000000 8,22:1 AAA

Aa #710042 auf #78D3D8 6,80:1 AA

Aa #AE2850 auf #FFFFFF 6,52:1 AA

Aa #95EEF4 auf #005465 6,44:1 AA

Aa #E5587B auf #000000 6,01:1 AA

Aa #FBCCDC auf #005465 6,01:1 AA

Aa #710042 auf #EC8DA1 4,99:1 AA

Aa #FFFFFF auf #017C83 4,99:1 AA

Aa #78D3D8 auf #005465 4,93:1 AA

Aa #AE2850 auf #95EEF4 4,91:1 AA

Aa #710042 auf #00B5AE 4,62:1 AA

Aa #AE2850 auf #FBCCDC 4,59:1 AA

Aa #017C83 auf #000000 4,21:1 AA (großer Text)

Aa #AE2850 auf #78D3D8 3,76:1 AA (großer Text)

Aa #95EEF4 auf #017C83 3,75:1 AA (großer Text)

Aa #EC8DA1 auf #005465 3,62:1 AA (großer Text)

Aa #FBCCDC auf #017C83 3,51:1 AA (großer Text)

Aa #E5587B auf #FFFFFF 3,49:1 AA (großer Text)

Aa #710042 auf #E5587B 3,38:1 AA (großer Text)

Aa #00B5AE auf #005465 3,35:1 AA (großer Text)

Aa #AE2850 auf #000000 3,22:1 AA (großer Text)

Aa #78D3D8 auf #017C83 2,87:1 Nicht bestanden

Aa #AE2850 auf #EC8DA1 2,76:1 Nicht bestanden

Aa #E5587B auf #95EEF4 2,63:1 Nicht bestanden

Aa #AE2850 auf #00B5AE 2,55:1 Nicht bestanden

Aa #FFFFFF auf #00B5AE 2,55:1 Nicht bestanden

Aa #E5587B auf #FBCCDC 2,46:1 Nicht bestanden

Aa #005465 auf #000000 2,46:1 Nicht bestanden

Aa #E5587B auf #005465 2,45:1 Nicht bestanden

Aa #710042 auf #017C83 2,37:1 Nicht bestanden

Aa #EC8DA1 auf #FFFFFF 2,36:1 Nicht bestanden

Aa #EC8DA1 auf #017C83 2,11:1 Nicht bestanden

Aa #E5587B auf #78D3D8 2,01:1 Nicht bestanden

Aa #00B5AE auf #017C83 1,95:1 Nicht bestanden

Aa #95EEF4 auf #00B5AE 1,92:1 Nicht bestanden

Aa #AE2850 auf #E5587B 1,87:1 Nicht bestanden

Aa #710042 auf #AE2850 1,81:1 Nicht bestanden

Aa #FBCCDC auf #00B5AE 1,80:1 Nicht bestanden

Aa #710042 auf #000000 1,78:1 Nicht bestanden

Aa #EC8DA1 auf #95EEF4 1,78:1 Nicht bestanden

Aa #FFFFFF auf #78D3D8 1,73:1 Nicht bestanden

Aa #017C83 auf #005465 1,71:1 Nicht bestanden

Aa #EC8DA1 auf #FBCCDC 1,66:1 Nicht bestanden

Aa #E5587B auf #EC8DA1 1,48:1 Nicht bestanden

Aa #78D3D8 auf #00B5AE 1,47:1 Nicht bestanden

Aa #E5587B auf #017C83 1,43:1 Nicht bestanden

Aa #FBCCDC auf #FFFFFF 1,42:1 Nicht bestanden

Aa #710042 auf #005465 1,38:1 Nicht bestanden

Aa #E5587B auf #00B5AE 1,37:1 Nicht bestanden

Aa #EC8DA1 auf #78D3D8 1,36:1 Nicht bestanden

Aa #FFFFFF auf #95EEF4 1,33:1 Nicht bestanden

Aa #AE2850 auf #017C83 1,31:1 Nicht bestanden

Aa #AE2850 auf #005465 1,31:1 Nicht bestanden

Aa #95EEF4 auf #78D3D8 1,31:1 Nicht bestanden

Aa #FBCCDC auf #78D3D8 1,22:1 Nicht bestanden

Aa #EC8DA1 auf #00B5AE 1,08:1 Nicht bestanden

Aa #FBCCDC auf #95EEF4 1,07:1 Nicht bestanden

Paradise.exe

Paradise.exe

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen