Criar conta Criar conta
12 Bit Rainbow

12 Bit Rainbow

Paleta de 12 cores · Quente · Mista · Harmonia: Complementar

Voltar à biblioteca

12 Bit Rainbow

Paleta de 12 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 12 cores Quente Mista Complementar 12bit dataviz huechromaluminance
Curtidas 29
Cores 12

Variáveis CSS

: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;
}

Sobre esta paleta

Esta paleta vibrante de 12 cores vai de Banana Clan (#EEDD00), o tom mais claro, até Royal Purpleness (#881177), o mais escuro. Ela reúne Royal Purpleness, Cranberry Sauce, Fuzzy Wuzzy, Mandarin Essence, Banana Clan, Lilliputian Lime, Drunken Dragonfly, Swimmers Pool, Turquoise Surf, Tomb Blue, Dover Straits e Rebecca Purple em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 7 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #881177 sobre #EEDD00, com 6,26:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

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

Contraste e acessibilidade

7 de 66 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

Aa #881177 sobre #EEDD00 6,26:1 AA
Aa #EEDD00 sobre #663399 5,99:1 AA
Aa #881177 sobre #99DD55 5,36:1 AA
Aa #99DD55 sobre #663399 5,13:1 AA
Aa #881177 sobre #44DD88 4,99:1 AA
Aa #44DD88 sobre #663399 4,78:1 AA
Aa #AA3355 sobre #EEDD00 4,52:1 AA
Aa #881177 sobre #22CCBB 4,35:1 AA, texto grande
Aa #22CCBB sobre #663399 4,17:1 AA, texto grande
Aa #EEDD00 sobre #3366BB 3,98:1 AA, texto grande
Aa #881177 sobre #EE9944 3,88:1 AA, texto grande
Aa #AA3355 sobre #99DD55 3,87:1 AA, texto grande
Aa #881177 sobre #00BBCC 3,75:1 AA, texto grande
Aa #EE9944 sobre #663399 3,71:1 AA, texto grande
Aa #AA3355 sobre #44DD88 3,60:1 AA, texto grande
Aa #00BBCC sobre #663399 3,59:1 AA, texto grande
Aa #99DD55 sobre #3366BB 3,41:1 AA, texto grande
Aa #44DD88 sobre #3366BB 3,18:1 AA, texto grande
Aa #AA3355 sobre #22CCBB 3,15:1 AA, texto grande
Aa #AA3355 sobre #EE9944 2,80:1 Reprovado
Aa #22CCBB sobre #3366BB 2,77:1 Reprovado
Aa #AA3355 sobre #00BBCC 2,71:1 Reprovado
Aa #881177 sobre #0099CC 2,69:1 Reprovado
Aa #CC6666 sobre #EEDD00 2,65:1 Reprovado
Aa #0099CC sobre #663399 2,57:1 Reprovado
Aa #EE9944 sobre #3366BB 2,47:1 Reprovado
Aa #00BBCC sobre #3366BB 2,39:1 Reprovado
Aa #881177 sobre #CC6666 2,36:1 Reprovado
Aa #EEDD00 sobre #0099CC 2,33:1 Reprovado
Aa #CC6666 sobre #99DD55 2,27:1 Reprovado
Aa #CC6666 sobre #663399 2,27:1 Reprovado
Aa #CC6666 sobre #44DD88 2,11:1 Reprovado
Aa #99DD55 sobre #0099CC 2,00:1 Reprovado
Aa #AA3355 sobre #0099CC 1,94:1 Reprovado
Aa #44DD88 sobre #0099CC 1,86:1 Reprovado
Aa #CC6666 sobre #22CCBB 1,84:1 Reprovado
Aa #AA3355 sobre #CC6666 1,71:1 Reprovado
Aa #0099CC sobre #3366BB 1,71:1 Reprovado
Aa #EEDD00 sobre #00BBCC 1,67:1 Reprovado
Aa #CC6666 sobre #EE9944 1,64:1 Reprovado
Aa #22CCBB sobre #0099CC 1,62:1 Reprovado
Aa #EE9944 sobre #EEDD00 1,61:1 Reprovado
Aa #CC6666 sobre #00BBCC 1,59:1 Reprovado
Aa #881177 sobre #3366BB 1,57:1 Reprovado
Aa #CC6666 sobre #3366BB 1,51:1 Reprovado
Aa #3366BB sobre #663399 1,50:1 Reprovado
Aa #EE9944 sobre #0099CC 1,44:1 Reprovado
Aa #EEDD00 sobre #22CCBB 1,44:1 Reprovado
Aa #99DD55 sobre #00BBCC 1,43:1 Reprovado
Aa #00BBCC sobre #0099CC 1,40:1 Reprovado
Aa #881177 sobre #AA3355 1,38:1 Reprovado
Aa #EE9944 sobre #99DD55 1,38:1 Reprovado
Aa #AA3355 sobre #663399 1,33:1 Reprovado
Aa #44DD88 sobre #00BBCC 1,33:1 Reprovado
Aa #EE9944 sobre #44DD88 1,29:1 Reprovado
Aa #EEDD00 sobre #44DD88 1,25:1 Reprovado
Aa #99DD55 sobre #22CCBB 1,23:1 Reprovado
Aa #EEDD00 sobre #99DD55 1,17:1 Reprovado
Aa #22CCBB sobre #00BBCC 1,16:1 Reprovado
Aa #44DD88 sobre #22CCBB 1,15:1 Reprovado
Aa #CC6666 sobre #0099CC 1,14:1 Reprovado
Aa #AA3355 sobre #3366BB 1,13:1 Reprovado
Aa #EE9944 sobre #22CCBB 1,12:1 Reprovado
Aa #99DD55 sobre #44DD88 1,07:1 Reprovado
Aa #881177 sobre #663399 1,04:1 Reprovado
Aa #EE9944 sobre #00BBCC 1,03:1 Reprovado

Paletas semelhantes

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