Criado em 06/06/2025 10:55
Tailwind Glassy Gradient
- Utility Blush Mint#d5f9de
- Breakpoint Watermelon#ff6b6b
- Container Cloud Gray#e5e5e5
- Accent Lemon Glow#fff8a6
- Flex Deep Space#1b1b1b
- Hover Orchid#d3a5e6
A paleta consiste em cores Luz, Escuro. Cores de destaque Accent Lemon Glow #fff8a6 e Hover Orchid #d3a5e6. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1B1B1B (mais escuro) a #D5F9DE (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #1B1B1B, #D3A5E6, #D5F9DE, #E5E5E5, #FF6B6B, #FFF8A6
A paleta Tailwind Glassy Gradient tem uma combinação de cores de códigos de 6:
HEX: #d5f9de, RGB: (213, 249, 222); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #e5e5e5, RGB: (229, 229, 229)
HEX: #fff8a6, RGB: (255, 248, 166); HEX: #1b1b1b, RGB: (27, 27, 27); HEX: #d3a5e6, RGB: (211, 165, 230)
Versão simplificada das cores da paleta
Matiz de honeydew, Matiz de salmon, Sombra de gainsboro, Sombra de Cáqui, Sombra de Preto, Sombra de plum
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Tailwind Glassy Gradient códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #d5f9de | #d5f9de | RGB(213, 249, 222) | Utility Blush Mint | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Breakpoint Watermelon | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Container Cloud Gray | Gray90 |
| #fff8a6 | #fff8a6 | RGB(255, 248, 166) | Accent Lemon Glow | — |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Flex Deep Space | Eerie Black |
| #d3a5e6 | #d3a5e6 | RGB(211, 165, 230) | Hover Orchid | — |
Contraste da Paleta de Cores
7 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#d5f9de | #e5e5e5 | 1.1 |
#d5f9de | #fff8a6 | 1.04 |
#d5f9de | #d3a5e6 | 1.79 |
#ff6b6b | #d3a5e6 | 1.36 |
#e5e5e5 | #fff8a6 | 1.15 |
#e5e5e5 | #d3a5e6 | 1.61 |
Paleta de imagens Tailwind Glassy Gradient png
Exportar paleta
Baixe a "Tailwind Glassy Gradient" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: