Registrieren Registrieren
12 Bit Rainbow

12 Bit Rainbow

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

Zurück zur Bibliothek

12 Bit Rainbow

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

Bearbeiten
Lebendig 12 Farben Warm Gemischt Komplementär 12bit dataviz huechromaluminance
Likes 29
Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #881177;
  --c-vibrant-2: #AA3355;
  --c-vibrant-3: #CC6666;
  --c-vibrant-4: #EE9944;
  --c-vibrant-5: #EEDD00;
  --c-vibrant-6: #99DD55;
  --c-vibrant-7: #44DD88;
  --c-vibrant-8: #22CCBB;
  --c-vibrant-9: #00BBCC;
  --c-vibrant-10: #0099CC;
  --c-vibrant-11: #3366BB;
  --c-vibrant-12: #663399;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton Banana Clan (#EEDD00) bis zum dunkelsten Ton Royal Purpleness (#881177). Sie vereint Royal Purpleness, Cranberry Sauce, Fuzzy Wuzzy, Mandarin Essence, Banana Clan, Lilliputian Lime, Drunken Dragonfly, Swimmers Pool, Turquoise Surf, Tomb Blue, Dover Straits und Rebecca Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #881177 auf #EEDD00 mit 6,26:1.

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

Farben im Detail

Royal Purpleness #881177
RGB
rgb(136, 17, 119)
HSL
hsl(309, 78%, 30%)
Luminanz
0,070
Cranberry Sauce #AA3355
RGB
rgb(170, 51, 85)
HSL
hsl(343, 54%, 43%)
Luminanz
0,116
Fuzzy Wuzzy #CC6666
RGB
rgb(204, 102, 102)
HSL
hsl(0, 50%, 60%)
Luminanz
0,233
Mandarin Essence #EE9944
RGB
rgb(238, 153, 68)
HSL
hsl(30, 83%, 60%)
Luminanz
0,414
Banana Clan #EEDD00
RGB
rgb(238, 221, 0)
HSL
hsl(56, 100%, 47%)
Luminanz
0,699
Lilliputian Lime #99DD55
RGB
rgb(153, 221, 85)
HSL
hsl(90, 67%, 60%)
Luminanz
0,591
Drunken Dragonfly #44DD88
RGB
rgb(68, 221, 136)
HSL
hsl(147, 69%, 57%)
Luminanz
0,547
Swimmers Pool #22CCBB
RGB
rgb(34, 204, 187)
HSL
hsl(174, 71%, 47%)
Luminanz
0,471
Turquoise Surf #00BBCC
RGB
rgb(0, 187, 204)
HSL
hsl(185, 100%, 40%)
Luminanz
0,399
Tomb Blue #0099CC
RGB
rgb(0, 153, 204)
HSL
hsl(195, 100%, 40%)
Luminanz
0,271
Dover Straits #3366BB
RGB
rgb(51, 102, 187)
HSL
hsl(218, 57%, 47%)
Luminanz
0,138
Rebecca Purple #663399
RGB
rgb(102, 51, 153)
HSL
hsl(270, 50%, 40%)
Luminanz
0,075

Kontrast & Barrierefreiheit

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

Aa #881177 auf #EEDD00 6,26:1 AA
Aa #EEDD00 auf #663399 5,99:1 AA
Aa #881177 auf #99DD55 5,36:1 AA
Aa #99DD55 auf #663399 5,13:1 AA
Aa #881177 auf #44DD88 4,99:1 AA
Aa #44DD88 auf #663399 4,78:1 AA
Aa #AA3355 auf #EEDD00 4,52:1 AA
Aa #881177 auf #22CCBB 4,35:1 AA (großer Text)
Aa #22CCBB auf #663399 4,17:1 AA (großer Text)
Aa #EEDD00 auf #3366BB 3,98:1 AA (großer Text)
Aa #881177 auf #EE9944 3,88:1 AA (großer Text)
Aa #AA3355 auf #99DD55 3,87:1 AA (großer Text)
Aa #881177 auf #00BBCC 3,75:1 AA (großer Text)
Aa #EE9944 auf #663399 3,71:1 AA (großer Text)
Aa #AA3355 auf #44DD88 3,60:1 AA (großer Text)
Aa #00BBCC auf #663399 3,59:1 AA (großer Text)
Aa #99DD55 auf #3366BB 3,41:1 AA (großer Text)
Aa #44DD88 auf #3366BB 3,18:1 AA (großer Text)
Aa #AA3355 auf #22CCBB 3,15:1 AA (großer Text)
Aa #AA3355 auf #EE9944 2,80:1 Nicht bestanden
Aa #22CCBB auf #3366BB 2,77:1 Nicht bestanden
Aa #AA3355 auf #00BBCC 2,71:1 Nicht bestanden
Aa #881177 auf #0099CC 2,69:1 Nicht bestanden
Aa #CC6666 auf #EEDD00 2,65:1 Nicht bestanden
Aa #0099CC auf #663399 2,57:1 Nicht bestanden
Aa #EE9944 auf #3366BB 2,47:1 Nicht bestanden
Aa #00BBCC auf #3366BB 2,39:1 Nicht bestanden
Aa #881177 auf #CC6666 2,36:1 Nicht bestanden
Aa #EEDD00 auf #0099CC 2,33:1 Nicht bestanden
Aa #CC6666 auf #99DD55 2,27:1 Nicht bestanden
Aa #CC6666 auf #663399 2,27:1 Nicht bestanden
Aa #CC6666 auf #44DD88 2,11:1 Nicht bestanden
Aa #99DD55 auf #0099CC 2,00:1 Nicht bestanden
Aa #AA3355 auf #0099CC 1,94:1 Nicht bestanden
Aa #44DD88 auf #0099CC 1,86:1 Nicht bestanden
Aa #CC6666 auf #22CCBB 1,84:1 Nicht bestanden
Aa #AA3355 auf #CC6666 1,71:1 Nicht bestanden
Aa #0099CC auf #3366BB 1,71:1 Nicht bestanden
Aa #EEDD00 auf #00BBCC 1,67:1 Nicht bestanden
Aa #CC6666 auf #EE9944 1,64:1 Nicht bestanden
Aa #22CCBB auf #0099CC 1,62:1 Nicht bestanden
Aa #EE9944 auf #EEDD00 1,61:1 Nicht bestanden
Aa #CC6666 auf #00BBCC 1,59:1 Nicht bestanden
Aa #881177 auf #3366BB 1,57:1 Nicht bestanden
Aa #CC6666 auf #3366BB 1,51:1 Nicht bestanden
Aa #3366BB auf #663399 1,50:1 Nicht bestanden
Aa #EE9944 auf #0099CC 1,44:1 Nicht bestanden
Aa #EEDD00 auf #22CCBB 1,44:1 Nicht bestanden
Aa #99DD55 auf #00BBCC 1,43:1 Nicht bestanden
Aa #00BBCC auf #0099CC 1,40:1 Nicht bestanden
Aa #881177 auf #AA3355 1,38:1 Nicht bestanden
Aa #EE9944 auf #99DD55 1,38:1 Nicht bestanden
Aa #AA3355 auf #663399 1,33:1 Nicht bestanden
Aa #44DD88 auf #00BBCC 1,33:1 Nicht bestanden
Aa #EE9944 auf #44DD88 1,29:1 Nicht bestanden
Aa #EEDD00 auf #44DD88 1,25:1 Nicht bestanden
Aa #99DD55 auf #22CCBB 1,23:1 Nicht bestanden
Aa #EEDD00 auf #99DD55 1,17:1 Nicht bestanden
Aa #22CCBB auf #00BBCC 1,16:1 Nicht bestanden
Aa #44DD88 auf #22CCBB 1,15:1 Nicht bestanden
Aa #CC6666 auf #0099CC 1,14:1 Nicht bestanden
Aa #AA3355 auf #3366BB 1,13:1 Nicht bestanden
Aa #EE9944 auf #22CCBB 1,12:1 Nicht bestanden
Aa #99DD55 auf #44DD88 1,07:1 Nicht bestanden
Aa #881177 auf #663399 1,04:1 Nicht bestanden
Aa #EE9944 auf #00BBCC 1,03: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