Criado em 06/26/2025 08:41
Web Performance Visual Kit
- Speed Lime#a3e635
- Lag Blush#fbcfe8
- Cache Black#0f172a
- CDN Sky#60a5fa
- Audit Cream#fdf6ec
- Render Gray#d1d5db
- Load Time Pink#f472b6
A paleta consiste em cores Luz, Escuro. Cores de destaque CDN Sky #60a5fa e Audit Cream #fdf6ec. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #0F172A (mais escuro) a #FDF6EC (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).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #0F172A, #60A5FA, #A3E635, #D1D5DB, #F472B6, #FBCFE8, #FDF6EC
A paleta Web Performance Visual Kit tem uma combinação de cores de códigos de 7:
HEX: #a3e635, RGB: (163, 230, 53); HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #0f172a, RGB: (15, 23, 42)
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #d1d5db, RGB: (209, 213, 219)
HEX: #f472b6, RGB: (244, 114, 182)
Versão simplificada das cores da paleta
Sombra de Amarelo verde, Sombra de thistle, Sombra de Preto, Sombra de cornflowerblue, Matiz de floralwhite, Sombra de lightgrey, Sombra de hotpink
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Web Performance Visual Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #a3e635 | #a3e635 | RGB(163, 230, 53) | Speed Lime | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Lag Blush | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Cache Black | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | CDN Sky | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Audit Cream | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Render Gray | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Load Time Pink | — |
Contraste da Paleta de Cores
13 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 |
#a3e635 | #fbcfe8 | 1.09 |
#a3e635 | #60a5fa | 1.68 |
#a3e635 | #fdf6ec | 1.4 |
#a3e635 | #d1d5db | 1.02 |
#a3e635 | #f472b6 | 1.75 |
#fbcfe8 | #60a5fa | 1.83 |
Paleta de imagens Web Performance Visual Kit png
Exportar paleta
Baixe a "Web Performance Visual Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: