Criar conta Criar conta
Flashy 9

Flashy 9

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

Voltar à biblioteca

Flashy 9

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

Editar
Vibrante 9 cores Quente Mista Complementar
Curtidas 15
Cores 9

Variáveis CSS

:root {
  --c-vibrant-1: #0A030D;
  --c-vibrant-2: #FFFFF7;
  --c-vibrant-3: #2CE8F5;
  --c-vibrant-4: #FFCF00;
  --c-vibrant-5: #FF0059;
  --c-vibrant-6: #004D57;
  --c-vibrant-7: #230C45;
  --c-vibrant-8: #7D2160;
  --c-vibrant-9: #2AD726;
}

Sobre esta paleta

Esta paleta vibrante de 9 cores vai de Milk (#FFFFF7), o tom mais claro, até Broken Tube (#0A030D), o mais escuro. Ela reúne Broken Tube, Milk, Sparky Blue, Fluorescent Orange, New York Sunset, Deep Atlantic Blue, Shadow Planet, Smooch e First of the Month Green em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 17 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #0A030D sobre #FFFFF7, com 20,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

Broken Tube #0A030D
RGB
rgb(10, 3, 13)
HSL
hsl(282, 63%, 3%)
Luminância
0,002
Milk #FFFFF7
RGB
rgb(255, 255, 247)
HSL
hsl(60, 100%, 98%)
Luminância
0,995
Sparky Blue #2CE8F5
RGB
rgb(44, 232, 245)
HSL
hsl(184, 91%, 57%)
Luminância
0,648
Fluorescent Orange #FFCF00
RGB
rgb(255, 207, 0)
HSL
hsl(49, 100%, 50%)
Luminância
0,659
New York Sunset #FF0059
RGB
rgb(255, 0, 89)
HSL
hsl(339, 100%, 50%)
Luminância
0,220
Deep Atlantic Blue #004D57
RGB
rgb(0, 77, 87)
HSL
hsl(187, 100%, 17%)
Luminância
0,060
Shadow Planet #230C45
RGB
rgb(35, 12, 69)
HSL
hsl(264, 70%, 16%)
Luminância
0,011
Smooch #7D2160
RGB
rgb(125, 33, 96)
HSL
hsl(319, 58%, 31%)
Luminância
0,063
First of the Month Green #2AD726
RGB
rgb(42, 215, 38)
HSL
hsl(119, 70%, 50%)
Luminância
0,492

Contraste e acessibilidade

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

Aa #0A030D sobre #FFFFF7 20,26:1 AAA
Aa #FFFFF7 sobre #230C45 17,27:1 AAA
Aa #0A030D sobre #FFCF00 13,74:1 AAA
Aa #0A030D sobre #2CE8F5 13,54:1 AAA
Aa #FFCF00 sobre #230C45 11,72:1 AAA
Aa #2CE8F5 sobre #230C45 11,54:1 AAA
Aa #0A030D sobre #2AD726 10,51:1 AAA
Aa #FFFFF7 sobre #004D57 9,50:1 AAA
Aa #FFFFF7 sobre #7D2160 9,25:1 AAA
Aa #230C45 sobre #2AD726 8,96:1 AAA
Aa #FFCF00 sobre #004D57 6,45:1 AA
Aa #2CE8F5 sobre #004D57 6,35:1 AA
Aa #FFCF00 sobre #7D2160 6,28:1 AA
Aa #2CE8F5 sobre #7D2160 6,18:1 AA
Aa #0A030D sobre #FF0059 5,23:1 AA
Aa #004D57 sobre #2AD726 4,93:1 AA
Aa #7D2160 sobre #2AD726 4,80:1 AA
Aa #FF0059 sobre #230C45 4,46:1 AA, texto grande
Aa #FFFFF7 sobre #FF0059 3,87:1 AA, texto grande
Aa #FFCF00 sobre #FF0059 2,63:1 Reprovado
Aa #2CE8F5 sobre #FF0059 2,59:1 Reprovado
Aa #FF0059 sobre #004D57 2,45:1 Reprovado
Aa #FF0059 sobre #7D2160 2,39:1 Reprovado
Aa #0A030D sobre #7D2160 2,19:1 Reprovado
Aa #0A030D sobre #004D57 2,13:1 Reprovado
Aa #FF0059 sobre #2AD726 2,01:1 Reprovado
Aa #FFFFF7 sobre #2AD726 1,93:1 Reprovado
Aa #230C45 sobre #7D2160 1,87:1 Reprovado
Aa #004D57 sobre #230C45 1,82:1 Reprovado
Aa #FFFFF7 sobre #2CE8F5 1,50:1 Reprovado
Aa #FFFFF7 sobre #FFCF00 1,47:1 Reprovado
Aa #FFCF00 sobre #2AD726 1,31:1 Reprovado
Aa #2CE8F5 sobre #2AD726 1,29:1 Reprovado
Aa #0A030D sobre #230C45 1,17:1 Reprovado
Aa #004D57 sobre #7D2160 1,03:1 Reprovado
Aa #2CE8F5 sobre #FFCF00 1,01: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