Startseite Farbpaletten Psychedelic Kittens

Psychedelic Kittens

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

Zurück zur Bibliothek

Psychedelic Kittens

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

Bearbeiten

Lebendig 11 Farben Kühl Gemischt Triadisch pixelart orange vibrant pink

Likes 23

Farben 11

CSS-Variablen

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #1D3876;
  --c-vibrant-3: #584FDB;
  --c-vibrant-4: #CE3ED0;
  --c-vibrant-5: #CD77FF;
  --c-vibrant-6: #8DD9FF;
  --c-vibrant-7: #FFACFF;
  --c-vibrant-8: #FFFFFF;
  --c-vibrant-9: #FFC659;
  --c-vibrant-10: #FB5255;
  --c-vibrant-11: #8E3A13;
}

Über diese Palette

Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Twilight Express, Majorelle Blue, Steel Pink, Rosy Fluffy Bedspread, Tranquil Pool, Jigglypuff, White, Orange Delight, Red Mana und Gryphonne Sepia Wash in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 16 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF mit 21:1.

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

Farben im Detail

Black #000000

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

Twilight Express #1D3876

RGB: rgb(29, 56, 118)
HSL: hsl(222, 61%, 29%)
Luminanz: 0,044

Majorelle Blue #584FDB

RGB: rgb(88, 79, 219)
HSL: hsl(244, 66%, 58%)
Luminanz: 0,128

Steel Pink #CE3ED0

RGB: rgb(206, 62, 208)
HSL: hsl(299, 61%, 53%)
Luminanz: 0,211

Rosy Fluffy Bedspread #CD77FF

RGB: rgb(205, 119, 255)
HSL: hsl(278, 100%, 73%)
Luminanz: 0,334

Tranquil Pool #8DD9FF

RGB: rgb(141, 217, 255)
HSL: hsl(200, 100%, 78%)
Luminanz: 0,625

Jigglypuff #FFACFF

RGB: rgb(255, 172, 255)
HSL: hsl(300, 100%, 84%)
Luminanz: 0,580

White #FFFFFF

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

Orange Delight #FFC659

RGB: rgb(255, 198, 89)
HSL: hsl(39, 100%, 67%)
Luminanz: 0,624

Red Mana #FB5255

RGB: rgb(251, 82, 85)
HSL: hsl(359, 95%, 65%)
Luminanz: 0,272

Gryphonne Sepia Wash #8E3A13

RGB: rgb(142, 58, 19)
HSL: hsl(19, 76%, 32%)
Luminanz: 0,088

Kontrast & Barrierefreiheit

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

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

Aa #000000 auf #8DD9FF 13,50:1 AAA

Aa #000000 auf #FFC659 13,47:1 AAA

Aa #000000 auf #FFACFF 12,60:1 AAA

Aa #1D3876 auf #FFFFFF 11,17:1 AAA

Aa #000000 auf #CD77FF 7,68:1 AAA

Aa #FFFFFF auf #8E3A13 7,60:1 AAA

Aa #1D3876 auf #8DD9FF 7,18:1 AAA

Aa #1D3876 auf #FFC659 7,17:1 AAA

Aa #1D3876 auf #FFACFF 6,70:1 AA

Aa #000000 auf #FB5255 6,44:1 AA

Aa #584FDB auf #FFFFFF 5,91:1 AA

Aa #000000 auf #CE3ED0 5,22:1 AA

Aa #8DD9FF auf #8E3A13 4,88:1 AA

Aa #FFC659 auf #8E3A13 4,87:1 AA

Aa #FFACFF auf #8E3A13 4,56:1 AA

Aa #1D3876 auf #CD77FF 4,09:1 AA (großer Text)

Aa #CE3ED0 auf #FFFFFF 4,02:1 AA (großer Text)

Aa #584FDB auf #8DD9FF 3,80:1 AA (großer Text)

Aa #584FDB auf #FFC659 3,79:1 AA (großer Text)

Aa #000000 auf #584FDB 3,56:1 AA (großer Text)

Aa #584FDB auf #FFACFF 3,54:1 AA (großer Text)

Aa #1D3876 auf #FB5255 3,43:1 AA (großer Text)

Aa #FFFFFF auf #FB5255 3,26:1 AA (großer Text)

Aa #1D3876 auf #CE3ED0 2,78:1 Nicht bestanden

Aa #CD77FF auf #8E3A13 2,78:1 Nicht bestanden

Aa #000000 auf #8E3A13 2,76:1 Nicht bestanden

Aa #CD77FF auf #FFFFFF 2,73:1 Nicht bestanden

Aa #CE3ED0 auf #8DD9FF 2,58:1 Nicht bestanden

Aa #CE3ED0 auf #FFC659 2,58:1 Nicht bestanden

Aa #CE3ED0 auf #FFACFF 2,41:1 Nicht bestanden

Aa #FB5255 auf #8E3A13 2,33:1 Nicht bestanden

Aa #584FDB auf #CD77FF 2,16:1 Nicht bestanden

Aa #8DD9FF auf #FB5255 2,10:1 Nicht bestanden

Aa #FFC659 auf #FB5255 2,09:1 Nicht bestanden

Aa #FFACFF auf #FB5255 1,96:1 Nicht bestanden

Aa #1D3876 auf #584FDB 1,89:1 Nicht bestanden

Aa #CE3ED0 auf #8E3A13 1,89:1 Nicht bestanden

Aa #000000 auf #1D3876 1,88:1 Nicht bestanden

Aa #584FDB auf #FB5255 1,81:1 Nicht bestanden

Aa #CD77FF auf #8DD9FF 1,76:1 Nicht bestanden

Aa #CD77FF auf #FFC659 1,75:1 Nicht bestanden

Aa #FFACFF auf #FFFFFF 1,67:1 Nicht bestanden

Aa #CD77FF auf #FFACFF 1,64:1 Nicht bestanden

Aa #8DD9FF auf #FFFFFF 1,56:1 Nicht bestanden

Aa #FFFFFF auf #FFC659 1,56:1 Nicht bestanden

Aa #1D3876 auf #8E3A13 1,47:1 Nicht bestanden

Aa #584FDB auf #CE3ED0 1,47:1 Nicht bestanden

Aa #CE3ED0 auf #CD77FF 1,47:1 Nicht bestanden

Aa #584FDB auf #8E3A13 1,29:1 Nicht bestanden

Aa #CE3ED0 auf #FB5255 1,23:1 Nicht bestanden

Aa #CD77FF auf #FB5255 1,19:1 Nicht bestanden

Aa #8DD9FF auf #FFACFF 1,07:1 Nicht bestanden

Aa #FFACFF auf #FFC659 1,07:1 Nicht bestanden

Aa #8DD9FF auf #FFC659 1,00:1 Nicht bestanden

Psychedelic Kittens