Tailwind Neon Grid
- Utility Electric Lime#ccff00
- Responsive Pink Glow#ff33cc
- Breakpoint Ocean#0077ff
- Hover Neon Yellow#ffff33
- Custom Cyan#00ffff
- Flex Violet#9b30ff
Criado em 06/05/2025 20:28
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Hover Neon Yellow #ffff33 e Custom Cyan #00ffff. A paleta tem Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #9B30FF (mais escuro) a #FFFF33 (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto) — 100% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (4 de 6).
Códigos HEX (ordenados): #0077FF, #00FFFF, #9B30FF, #CCFF00, #FF33CC, #FFFF33
A paleta Tailwind Neon Grid combina 6 códigos de cor:
HEX: #ccff00, RGB: (204, 255, 0); HEX: #ff33cc, RGB: (255, 51, 204); HEX: #0077ff, RGB: (0, 119, 255)
HEX: #ffff33, RGB: (255, 255, 51); HEX: #00ffff, RGB: (0, 255, 255); HEX: #9b30ff, RGB: (155, 48, 255)
Versão simplificada das cores da paleta
Tom claro de Amarelo-esverdeado, Tom claro de Magenta, Tom escuro de Azul-royal, Tom claro de Amarelo, Ciano, Tom claro de Azul-violeta
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Tailwind Neon Grid códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ccff00 | #ccff00 | RGB(204, 255, 0) | Utility Electric Lime | Electric Lime |
| #ff33cc | #ff33cc | RGB(255, 51, 204) | Responsive Pink Glow | Razzle Dazzle Rose |
| #0077ff | #0077ff | RGB(0, 119, 255) | Breakpoint Ocean | Blue Sparkle |
| #ffff33 | #ffff33 | RGB(255, 255, 51) | Hover Neon Yellow | Big Yellow Taxi |
| #00ffff | #00ffff | RGB(0, 255, 255) | Custom Cyan | Aqua |
| #9b30ff | #9b30ff | RGB(155, 48, 255) | Flex Violet | Purple1 |
Contraste da paleta de cores
6 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#ccff00 | #ffff33 | 1.09 |
#ccff00 | #00ffff | 1.06 |
#ff33cc | #0077ff | 1.29 |
#ff33cc | #9b30ff | 1.54 |
#0077ff | #9b30ff | 1.19 |
#ffff33 | #00ffff | 1.17 |
Paleta de imagens Tailwind Neon Grid png
Exportar paleta
Baixe a "Tailwind Neon Grid" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: