Criado em 06/19/2025 20:50
Next.js Performance UI Canvas
SSR Navy
#1c2b36
Hydrate White
#fdfdfd
Turbo Teal
#00c9b1
Lazyload Lemon
#fff89a
Pageview Pink
#fbb1bd
Component Chrome
#d8dee9
A paleta consiste em cores Escuro, Luz. Cores de destaque SSR Navy #1c2b36 e Lazyload Lemon #fff89a. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
A paleta Next.js Performance UI Canvas tem uma combinação de cores de códigos de 6:
HEX: #1c2b36, RGB: (28, 43, 54); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #00c9b1, RGB: (0, 201, 177)
HEX: #fff89a, RGB: (255, 248, 154); HEX: #fbb1bd, RGB: (251, 177, 189); HEX: #d8dee9, RGB: (216, 222, 233)
Versão simplificada das cores da paleta
Sombra de midnightblue, Matiz de Branco, Matiz de turquoise, Sombra de Cáqui, Matiz de lightpink, Sombra de gainsboro
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Next.js Performance UI Canvas códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #1c2b36 | #1c2b36 | RGB(28, 43, 54) | SSR Navy | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Hydrate White | Brilliance |
| #00c9b1 | #00c9b1 | RGB(0, 201, 177) | Turbo Teal | — |
| #fff89a | #fff89a | RGB(255, 248, 154) | Lazyload Lemon | — |
| #fbb1bd | #fbb1bd | RGB(251, 177, 189) | Pageview Pink | — |
| #d8dee9 | #d8dee9 | RGB(216, 222, 233) | Component Chrome | — |
Contraste da Paleta de Cores
9 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 |
#fdfdfd | #fff89a | 1.07 |
#fdfdfd | #fbb1bd | 1.7 |
#fdfdfd | #d8dee9 | 1.32 |
#00c9b1 | #fff89a | 1.91 |
#00c9b1 | #fbb1bd | 1.21 |
#00c9b1 | #d8dee9 | 1.55 |
