Registrieren Registrieren
Nebulosa !

Nebulosa !

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

Zurück zur Bibliothek

Nebulosa !

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

Bearbeiten
Lebendig 12 Farben Kühl Gemischt Triadisch pixelart nebula space
Likes 100
Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #221569;
  --c-vibrant-2: #3B2799;
  --c-vibrant-3: #4A2ECA;
  --c-vibrant-4: #A83CF0;
  --c-vibrant-5: #DB3CF0;
  --c-vibrant-6: #F465EE;
  --c-vibrant-7: #B5E6FF;
  --c-vibrant-8: #84D5FE;
  --c-vibrant-9: #4EC0E8;
  --c-vibrant-10: #4EA3DC;
  --c-vibrant-11: #3187D4;
  --c-vibrant-12: #314AD4;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton Frozen Landscape (#B5E6FF) bis zum dunkelsten Ton Ocean Abyss (#221569). Sie vereint Ocean Abyss, Gentian Blue, Grape Hyacinth, Sweet Desire, Apple II Magenta, Pink Ping, Frozen Landscape, Kul Sharif Blue, Clean Pool, Waimea Blue, Soothing Sapphire und New Car in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #221569 auf #B5E6FF mit 11,4:1.

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

Farben im Detail

Ocean Abyss #221569
RGB
rgb(34, 21, 105)
HSL
hsl(249, 67%, 25%)
Luminanz
0,019
Gentian Blue #3B2799
RGB
rgb(59, 39, 153)
HSL
hsl(251, 59%, 38%)
Luminanz
0,047
Grape Hyacinth #4A2ECA
RGB
rgb(74, 46, 202)
HSL
hsl(251, 63%, 49%)
Luminanz
0,077
Sweet Desire #A83CF0
RGB
rgb(168, 60, 240)
HSL
hsl(276, 86%, 59%)
Luminanz
0,179
Apple II Magenta #DB3CF0
RGB
rgb(219, 60, 240)
HSL
hsl(293, 86%, 59%)
Luminanz
0,246
Pink Ping #F465EE
RGB
rgb(244, 101, 238)
HSL
hsl(303, 87%, 68%)
Luminanz
0,347
Frozen Landscape #B5E6FF
RGB
rgb(181, 230, 255)
HSL
hsl(200, 100%, 85%)
Luminanz
0,736
Kul Sharif Blue #84D5FE
RGB
rgb(132, 213, 254)
HSL
hsl(200, 98%, 76%)
Luminanz
0,597
Clean Pool #4EC0E8
RGB
rgb(78, 192, 232)
HSL
hsl(196, 77%, 61%)
Luminanz
0,452
Waimea Blue #4EA3DC
RGB
rgb(78, 163, 220)
HSL
hsl(204, 67%, 58%)
Luminanz
0,330
Soothing Sapphire #3187D4
RGB
rgb(49, 135, 212)
HSL
hsl(208, 65%, 51%)
Luminanz
0,227
New Car #314AD4
RGB
rgb(49, 74, 212)
HSL
hsl(231, 65%, 51%)
Luminanz
0,103

Kontrast & Barrierefreiheit

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

Aa #221569 auf #B5E6FF 11,40:1 AAA
Aa #221569 auf #84D5FE 9,37:1 AAA
Aa #3B2799 auf #B5E6FF 8,12:1 AAA
Aa #221569 auf #4EC0E8 7,27:1 AAA
Aa #3B2799 auf #84D5FE 6,68:1 AA
Aa #4A2ECA auf #B5E6FF 6,20:1 AA
Aa #221569 auf #F465EE 5,76:1 AA
Aa #221569 auf #4EA3DC 5,51:1 AA
Aa #3B2799 auf #4EC0E8 5,18:1 AA
Aa #B5E6FF auf #314AD4 5,14:1 AA
Aa #4A2ECA auf #84D5FE 5,10:1 AA
Aa #221569 auf #DB3CF0 4,29:1 AA (großer Text)
Aa #84D5FE auf #314AD4 4,22:1 AA (großer Text)
Aa #3B2799 auf #F465EE 4,10:1 AA (großer Text)
Aa #221569 auf #3187D4 4,02:1 AA (großer Text)
Aa #4A2ECA auf #4EC0E8 3,96:1 AA (großer Text)
Aa #3B2799 auf #4EA3DC 3,92:1 AA (großer Text)
Aa #A83CF0 auf #B5E6FF 3,44:1 AA (großer Text)
Aa #221569 auf #A83CF0 3,31:1 AA (großer Text)
Aa #4EC0E8 auf #314AD4 3,28:1 AA (großer Text)
Aa #4A2ECA auf #F465EE 3,13:1 AA (großer Text)
Aa #3B2799 auf #DB3CF0 3,06:1 AA (großer Text)
Aa #4A2ECA auf #4EA3DC 3,00:1 AA (großer Text)
Aa #3B2799 auf #3187D4 2,86:1 Nicht bestanden
Aa #B5E6FF auf #3187D4 2,84:1 Nicht bestanden
Aa #A83CF0 auf #84D5FE 2,83:1 Nicht bestanden
Aa #DB3CF0 auf #B5E6FF 2,66:1 Nicht bestanden
Aa #F465EE auf #314AD4 2,59:1 Nicht bestanden
Aa #4EA3DC auf #314AD4 2,48:1 Nicht bestanden
Aa #3B2799 auf #A83CF0 2,36:1 Nicht bestanden
Aa #4A2ECA auf #DB3CF0 2,33:1 Nicht bestanden
Aa #84D5FE auf #3187D4 2,33:1 Nicht bestanden
Aa #221569 auf #314AD4 2,22:1 Nicht bestanden
Aa #4A2ECA auf #3187D4 2,19:1 Nicht bestanden
Aa #A83CF0 auf #4EC0E8 2,19:1 Nicht bestanden
Aa #DB3CF0 auf #84D5FE 2,19:1 Nicht bestanden
Aa #B5E6FF auf #4EA3DC 2,07:1 Nicht bestanden
Aa #F465EE auf #B5E6FF 1,98:1 Nicht bestanden
Aa #DB3CF0 auf #314AD4 1,93:1 Nicht bestanden
Aa #221569 auf #4A2ECA 1,84:1 Nicht bestanden
Aa #4EC0E8 auf #3187D4 1,81:1 Nicht bestanden
Aa #3187D4 auf #314AD4 1,81:1 Nicht bestanden
Aa #4A2ECA auf #A83CF0 1,80:1 Nicht bestanden
Aa #A83CF0 auf #F465EE 1,74:1 Nicht bestanden
Aa #DB3CF0 auf #4EC0E8 1,70:1 Nicht bestanden
Aa #84D5FE auf #4EA3DC 1,70:1 Nicht bestanden
Aa #A83CF0 auf #4EA3DC 1,66:1 Nicht bestanden
Aa #F465EE auf #84D5FE 1,63:1 Nicht bestanden
Aa #3B2799 auf #314AD4 1,58:1 Nicht bestanden
Aa #B5E6FF auf #4EC0E8 1,57:1 Nicht bestanden
Aa #A83CF0 auf #314AD4 1,49:1 Nicht bestanden
Aa #F465EE auf #3187D4 1,43:1 Nicht bestanden
Aa #221569 auf #3B2799 1,40:1 Nicht bestanden
Aa #4EA3DC auf #3187D4 1,37:1 Nicht bestanden
Aa #DB3CF0 auf #F465EE 1,34:1 Nicht bestanden
Aa #4EC0E8 auf #4EA3DC 1,32:1 Nicht bestanden
Aa #3B2799 auf #4A2ECA 1,31:1 Nicht bestanden
Aa #A83CF0 auf #DB3CF0 1,29:1 Nicht bestanden
Aa #84D5FE auf #4EC0E8 1,29:1 Nicht bestanden
Aa #DB3CF0 auf #4EA3DC 1,28:1 Nicht bestanden
Aa #F465EE auf #4EC0E8 1,26:1 Nicht bestanden
Aa #B5E6FF auf #84D5FE 1,22:1 Nicht bestanden
Aa #4A2ECA auf #314AD4 1,21:1 Nicht bestanden
Aa #A83CF0 auf #3187D4 1,21:1 Nicht bestanden
Aa #DB3CF0 auf #3187D4 1,07:1 Nicht bestanden
Aa #F465EE auf #4EA3DC 1,05: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